Subin Lim

useCallback : 특정 함수 재사용 useMemo: 특정 결과값 재사용 컴포넌트에서 props 가 바뀌지 않았으면 Virtual DOM 에 새로 렌더링하는 것 조차 하지 않고 컴포넌트의 결과물을 재사용 하는 최적화 작업을 하려면,...

감사합니다!

배열의 불변성을 유지하면서 배열을 업데이트 할 때에도 map 함수를 사용

디자인이 깔끔해서 클론할때 기분이 좋네여 :)

history 객체는 라우트로 사용된 컴포넌트에게 match, location 과 함께 전달되는 props 중 하나 컴포넌트 내에 구현하는 메소드에서 라우터에 직접 접근 (뒤로가기, 특정 경로로 이동, 이탈 방지) withRouter HoC 는 라우트...

input 에 name 을 설정하고 이벤트가 발생했을 때 이 값을 참조 useState 에서는 문자열이 아니라 객체 형태의 상태를 관리 리액트에서 객체를 업데이트하게 될 때에는 기존 객체를 직접 수정하면 안되고, 새로운...

JSX 는 리액트에서 생김새를 정의할 때 사용하는 문법 (JavaScript) 리액트 컴포넌트 파일에서 XML 형태로 코드를 작성하면 babel 이 JSX 를 JavaScript 로 변환 ###JSX의 기본 규칙 - 태그는 꼭 닫기...

useEffect를 사용하여 마운트/언마운트/업데이트시 할 작업 설정 useEffect(() => {//마운트 return () => {//언마운트 //useEffect 반환되는 함수는 cleanup 함수 (뒷정리) //deps 가 비어있는 경우에는 컴포넌트가 사라질 때 cleanup 함수가 호출 };...

useReducer : 상태 업데이트 로직 분리 useState와 다르게 컴포넌트 바깥에 작성 & 다른 파일에 작성 후 불러와서 사용 function reducer(state, action) { // 새로운 상태를 만드는 로직 // const nextState...

웹 애플리케이션의 규모가 커지면, DOM 을 직접 건드리면서 작업을 하면 코드가 난잡해지기 쉬움 리액트는 어떠한 상태가 바뀌었을때, 처음부터 모든걸 새로 만들어서 보여주자는 아이디어에서 시작 속도와 성능 문제는 Virtual DOM으로 해결...