✍️ What I Learned/TIL
[TIL] 클린 코드 - Custom Hook, Container - Presentational 패턴, 파일/폴더 구조(패턴)
1. 💫 Custom Hook 1) 너무나도 궁금했던 내용 드디어! 저번 뉴스피드 프로젝트 할 때 계속해서 input값을 핸들링하는 hook들을 반복적으로 사용하는데 이걸 어떻게 하면 더 클린하게 리팩토링 할 수 있을지 고민을 했었다. 2) 사용방법 hooks 폴더 생성 후 use~로 시작하는 (ex. useHookName.js) 파일 생성 useState, useEffect, useRef 등 기존 리액트 훅을 이용해서 반복적으로 사용하는 로직을 custom hook으로 만들어준다. ➡️ 이 때, custom hook에는 state와 handler 두 가지를 정의해준다. export default 해준 뒤 필요한 곳에서 import하여 사용하면 끝! // useInput.js (예시) import { u..
