반응형 프론트엔드 FrontEnd1 리액트 훅(1) 리액트 훅이란? useState,useEffect 등 'use' 라는 접두사가 이름에 들어가는 일련의 함수 도입 배경 - 컴포넌트 사이에서 상태 로직을 재사용하기 어렵다. -> 함수로 분리 - 복잡한 컴포넌트들은 이해하기 어렵다. -> 관련 로직을 함수로 묶음 - 코드 작성이 다소 복잡하다 -> 클래스 문법에 비해 상대적으로 간단 용도훅설명상태 관리useState컴포넌트 상태 관리useReducer복잡한 상태 로직 관리생명주기 대응useEffect 사이드 이펙트 처리, 생명 주기 관련 작업useLayoutEffect DOM 업데이트 후 동기적으로 실행할 작업을 수행성능 최적화useMemo 값 메모이제이션을 통해 불필요한 계산을 방지useCallback함수 메모이제이션을 통해 불필요한 함수 재생성을 .. 2024. 7. 29. 이전 1 다음 반응형
