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

수강 인증샷

---

패스트캠퍼스 챌린지란?

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

---

36일차

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

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에 07. HOC 강의 내용에서는 고차 컴포넌트(HOC, Higher Order Component)에 대해 공부하는 시간을 갖는다. 고차 컴포넌트는 컴포넌트 로직을 재사용하기 위한 React의 고급 기술이며 고차 컴포넌트는 React API의 일부가 아니고 React의 구성적 패턴이다. 구체적으로 표현하면 고차 컴포넌트는 컴포넌트를 가져와 새 컴포넌트를 반환하는 함수이다. 예시와 함께 설명하면 컴포넌트는 props를 UI로 반환하는 반면에 고차 컴포넌트는 컴포넌트를 새로운 컴포넌트로 변환한다. 규모가 큰 애플리케이션에서 동일한 패턴의 어떤 행동들이 반복적으로 발생한다고 가정하면, 이 로직을 한 곳에서 정의하고 많은 컴포넌트에서 로직을 공유할 수 있게 하는 추상화가 필요하다. 이러한 경우에 고차 컴포넌트가 필요하게 된다. 고차 컴포넌트는 입력된 컴포넌트를 수정하지 않으며 상속을 사용하여 동작을 복사하지도 않는다. 오히려 고차 컴포넌트는 원본 컴포넌트를 컨테이너 컴포넌트로 포장하여 조합한다. 즉, 고차 컴포넌트는 사이드 이펙트가 전혀 없는 순수 함수다.

---

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

 

---

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