<aside> 💡 리액트 컴포넌트 트리 전체를 대상으로 데이터를 공급하는 기능

</aside>

• 문맥이라는 뜻
• 컴포넌트 **A와 B가 동일한 목적(기능)**을 가지고 있다.
• 일일이 Props를 전달하지 않고 컴포넌트 트리 전역에 데이터 공급

사용하는 이유?

‘Props Drilling’ 문제를 해결하기 위해서 입니다.

*컴포넌트 트리에서 데이터를 하위 컴포넌트로 전달하기 위해 중간 컴포넌트를 통해 프로퍼티를 내려주는 것을 의미 (전달 → 전달 → 전달 …)

ContextAPI

context를 만들고 다루는 리액트 기능

1) Context 만들기

import React from 'react'; 
// react 라이브러리의 React 객체 불러오기
const MyContext = React.createContext(defaultValue);
// createContext 메서드를 호출해 새로운 Context를 만듬
// 인수로 전달하는 값은 Context의 기본값을 생략할수있다.

2) Context 에 데이터 공급

데이터 공급하려면 Context.Provider 기능을 사용