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

수강 인증샷

---

패스트캠퍼스 챌린지란?

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

---

41일차

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

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에 12. Render Props 강의에서는 제목 그대로 React에서 사용하는 Render Props라는 개념에 대해서 공부한다. Render Props란 React 컴포넌트 간에 코드를 공유하기 위해 함수 Props를 이용하는 간단한 테크닉이다. Render Props로 구현된 컴포넌트는 자체적으로 렌더링 로직을 구현하는 대신, React 엘리먼트 요소를 반환하고 이를 호출하는 함수를 사용한다. 횡단 관심사를 위한 Rende Props 사용법을 배우기 위해, 우선 컴포넌트는 React에서 코드의 재사용성을 위해 사용하는 주요 단위다. 하지만 컴포넌트에서 캡슐화된 상태나 동작을 같은 상태를 가진 다른 컴포넌트와 공유하는 방법이 항상 명확하지는 않다. 이때, 무엇을 렌더링할지 컴포넌트에 알려주는 함수인 Render Props를 이용해 render 함수에 prop으로 전달해줌으로써 원하는 기능을 가진 컴포넌트를 렌더링 할 수 있다. Render Props에 대해 또 한 가지 흥미로운 점은 대부분의 HOC에 Render Props 패턴을 이식할 수 있다.

---

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

 

---

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