[React] 커스텀 Hooks - 중복되는 로직을 한줄로 처리하도록
🔎 커스텀 Hooks 우리는 중복된 코드를 보게 되면 재사용이 가능한 함수로 추출해서 중복 코드를 제거하고 싶어하죠? React에서도 여러 개의 hook을 조합해서 기능을 만들게 되는데 여러 컴포넌트에서 동일한 기능에 대해 동일한 hooks를 복사 붙여넣기 하다보면 중복된 코드들을 볼 수 있을 것입니다. 이 중복된 hooks에 대해서도 따로 커스텀 훅을 통해 간결하게 관리할 수 있게 됩니다. 예를 들어 상태 관리를 하는 기능을 우리가 useState 한줄로 불러와서 사용하는 것처럼 말이죠! 우리가 만든 기능에 대해서도 하나의 hook으로 관리해서 어느 컴포넌트에서라도 바로 불러와서 사용할 수 있다면 말이죠? React에서는 내가 원하는 인터페이스와 기능을 담은 나만의 커스텀 훅을 만들 수 있습니다. 커스..
프론트엔드/React
2023. 2. 13. 13:07
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 프론트엔드
- 리액트 훅
- 머신러닝
- CSS
- 자바
- 파이썬
- 자바스크립트
- 인프런
- 타입스크립트
- TypeScript
- 프론트엔드 공부
- testing
- react-query
- 딥러닝
- styled-components
- react
- 자바스크립트 기초
- frontend
- jest
- 디프만
- next.js
- 프론트엔드 기초
- 프로젝트 회고
- HTML
- 리액트
- rtl
- Python
- JSP
- 스타일 컴포넌트 styled-components
- 데이터분석
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함