패스트캠퍼스 챌린지 34일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

34일차

 34일차에는 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 03. Hooks 3 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 03. Hooks 3 강의에서 자신만의 Hook 만들기와 Hook API 참고서에 대해 자세하게 공부하는 시간을 갖는다. 사용자 정의 Hook이 필요한 경우는 두 개의 자바스크립트 함수에서 같은 로직을 공유하고자 할 때 또 다른 함수로 분리함을 통해 사용자 정의 Hook을 만들 수 있다. 이때, 사용자 정의 Hook은 이름을 use로 시작하는 자바스크립트 함수로 만들어야 하며 사용자 정의 Hook은 다른 Hook을 호출할 수 있다. 다만 사용자 정의 Hook을 이용할 때, 다른 Hook들은 사용자 Hook의 위로 놓여야 하며 사용자 정의 Hook은 조건부 함수가 아니어야 한다. React 컴포넌트와 다르게 사용자 정의 Hook은 특정한 시그니처가 필요하지 않다. 무엇을 인자로 받으며 무엇을 반환할지 사용자가 결정할 수 있다. 또한, 사용자 정의 Hook은 상태 관련 로직을 재사용하는 메커니즘이지만 사용자 Hook을 사용할 때마다 그 안의 state와 effect는 완전히 독립적이다. 각각의 Hook에 대한 호출은 서로 독립된 state를 받는다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC