211108 TIL React Hooks (학습 101일차)

Must Remember

• useEffect = 컴포넌트가 렌더링 될 때마다 특정 작업을 수행한다. 즉, componentDidMount와 DidUpdate를 합친 형태라고 볼 수 있음.
• DidMount형식으로 사용하려면... 즉, 업데이트 될 때는 실행되지 않게 하려면 useEffect( {}, [빈 배열]) 형식으로 함수의 두 번째 파라미터로 빈 배열을 넣어주면 됨.
• useRef()는 Dom요소에 이름을 달 때 , id 대신 컴포넌트 내에서만 직접적으로 건드릴 때 사용함
• useCallback = 렌더링하는 과정에서 특정 배열값이 바뀌었을 대만 이벤트 핸들러 함수 실행(렌더링 성능 최적화)
• useMemo = 렌더링하는 과정에서 특정 값이 바뀌었을때만 연산을 실행하고, 값이 바뀌지 않았으면 이전의 연산결과를 다시 사용
• 자식 component에서 부모 comp의 데이터를 변경하고 싶을 때 함수를 호출하여 데이터를 변경할 수 있다.