custom hook 썸네일형 리스트형 React Hook 정리 - Custom hook (feat. 구조분해할당) 우리가 동일 코드를 함수화하여 코드를 최적화 및 간결화 하는 것처럼 React를 개발함에 있어서 사용자 정의 훅을 만들어 사용할 수 있다. 기존에 함수로 만들어 컴퍼넌트 내부에서 사용했던 로직을 Custom Hook으로 만들어 사용하는 것이다. 특히 Custom Hook을 만들어 사용하면 이 Hook 내부에서 다른 기존의 Hook들을 사용할 수 있고, 여기서 사용된 상태들은 모두 독립적인 값을 보장한다. 이를 통해 중복 코드를 줄일 수 있으며, 상태, 이벤트 핸들러, 사이드 이펙트 등을 추상화하여 컴퍼넌트 코드를 간결하게 만들 수 있다. 다른 훅들과 동일하게 함수 이름은 'use'로 네이밍해줘야한다. 간략하게 useCounter라는 Custom Hook을 만들어보자. // App.js import Rea.. 더보기 이전 1 다음
