context
-
[ReactJS] DoIt 리액트 프로그래밍 정석 (6장)프론트엔드 2020. 11. 9. 17:30
이번 포스트에서는 6장 React의 Context에 대해서 알아보겠습니다. ✔ 관찰자 패턴이란? Context를 이야기하기 전에 관찰자 패턴에 대해서 먼저 이야기하겠습니다. 리액트는 기본적으로 데이터가 아래로 흐르는 단방향성의 특징이 있습니다. (Prop Drilling 패턴) Drilling 패턴으로 전송된 데이터는 모든 컴포넌트에서 사용되지 않을 수도 있고 누락될 수도 있습니다. 이를 해결하기 위해 데이터를 공급자가 관리하고 해당 데이터를 원하는 컴포넌트(소비자)가 직접 공급자를 구독하여 데이터를 얻는 관찰자 패턴을 활용합니다. ✔ Context이란? React에서는 Context를 활용하여 관찰자 패턴을 제공합니다. ✔ Context의 규칙 소비자는 공급자보다 낮은 계층에 있어야 한다. 소비자는 공..