지금까지 강의를 통해서
리액트 훅을 많이 사용했습니다
useState나 useEffect hook 같은 것들을 사용했습니다
그리고 이번 섹션부터는
사용자 정의 커스텀 훅을 만드는 법에 대해 배워보고
훅의 규칙에 대한 복습으로 시작해보겠습니다
굉장히 중요한 내용입니다
특히 커스텀 훅을 만들 때 중요합니다
그리고 물론
왜 커스텀 훅이 필요한지도 알아보고
커스텀 훅을 만든다는 개념이 무엇인지
직접 만들고 써보기 전에 배워보도록 하겠습니다
그럼 이번 섹션부터는
새로운 초기 프로젝트를 준비했는데
사실 데이터 fetch 섹션에서
완료된 프로젝트입니다
그래서 이 프로젝트에는 가짜 백엔드가 있고
리액트 코드로
백엔드에 HTTP 요청을 보내서
데이터를 fetch할 수도 있습니다
그래서 제가 권장드리는 것은
그 데이터 fetch 섹션을 먼저 끝내고
이 섹션을 시작하시기 바랍니다
아니면 적어도
리액트 앱에서 데이터 fetch이 어떻게 이루어지는지 알아야 합니다
만약 로컬 방식으로 강의를 따라오고 계셨다면
이제 npm install을 실행해야 합니다
그 다음 늘 그렇듯이 npm run dev입니다
그리고 이 프로젝트의 백엔드 폴더에도
똑같이 해 줍니다
npm install을 실행하고 npm run dev가 아니라
node app.js로 백엔드 서버를 시작합니다
코드샌드박스에서는 그런 것들이 요구되지 않습니다
거기는 이미 다 설정이 완료되어 있기 때문입니다
그러니 로컬 방식을 사용하시려면 NodeJS를
nodejs.org에서 다운을 받아주셔야 합니다
그걸 설치해야
이 명령어를 실행할 수 있기 때문입니다
이대로 준비가 끝났다면 이제
커스텀 훅에 대해 배울 준비가 되었습니다