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

수강 인증샷

 

---

패스트캠퍼스 챌린지란?

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

---

10일차

 10일차에는 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 15. 커스텀 훅 만들기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 15. 커스텀 훅 만들기 강의에서는 기존에 배웠던 React Hook인 useState와 useEffect처럼 자신만의 커스텀 훅을 만들어보는 시간을 갖는다. 기존 강의였던 04. 멀티 Element 생성하기, 05. Element 찍어내기 강의에서처럼 엘리먼트를 찍어내야 하거나 반복되는 경우에는 함수화를 통해 해결할 수 있었던 것처럼 useState, useEffect와 기타 다른 React Hook들의 반복이 필요할 때 Custom Hook을 만들어 코드의 중복을 줄일 수 있다. 자신만의 Hook을 만들면 컴포넌트 로직을 함수로 뽑아내어 재사용할 수 있다. 다만 Custom Hook을 만들 때에는 이름이 use로 시작하는 자바스크립트 함수여야 하며 Custom Hook은 다른 Hook을 호출할 수 있다. 그리고 컴포넌트에서처럼 다른 Hook들은 Custom Hook의 위로 놓여야 하며 Custom Hook은 조건부 함수가 아니어야 한다. React 컴포넌트와 다르게 사용자 정의 Hook은 특정한 시그니처가 필요 없고, 무엇을 인자로 받아야 하며 무엇을 반환해야 하는 지를 사용자가 결정할 수 있다.

---

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

 

---

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