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

수강 인증샷

---

패스트캠퍼스 챌린지란?

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

---

39일차

 

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

 Part 1. React 기초 Ch 03. React 공식 문서로 디테일잡기(고급) 챕터에서 10. Context 강의에서는 강의 제목 그대로 Context라는 개념에 대해 공부한다. Context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다. 일반적인 React 애플리케이션에서 데이터는 위에서 아래로 props를 통해 전달되지만, 만약 애플리케이션 안의 여러 컴포넌트들에 데이터를 전해줘야 하는 prop이 있게 된다면 이 과정이 번거로울 수 있다. 이러한 문제를 해결하기 위해 context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이러한 값을 공유하도록 할 수 있다. Context를 쓰기 좋은 상황은 React 컴포넌트 트리 안에서 전역적이라고 할 수 있는 데이터를 공유할 때 좋다. 로그인한 유저, 테마, 선호 언어들이 그 예시이다. Context를 사용하기 전에 고려할 사항으로는 여러 레벨에 걸쳐 props를 넘기는 걸 대체할 때 Context보다 컴포넌트 합성이 더 간단한 해결책일 수 도 있으니 고려를 신중하게 해야 한다.

---

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

 

---

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