컴포넌트 트리 전역에서 데이터 공유를 위해 설계된 리액트의 내장 도구. props를 거치지 않고 특정 상태를 컴포넌트에 바로 전달할 수 있다.

Context API 주요 개념

1. Context 생성
   • React.createContext()를 사용하여 Context를 생성합니다.
   • 생성된 Context는 Provider와 Consumer를 제공합니다.
2. Provider
   • Context의 데이터를 공급하는 역할을 합니다.
   • 트리의 하위 컴포넌트들이 Provider에서 설정된 값을 사용할 수 있습니다.
3. Consumer
   • Context의 데이터를 소비하는 역할을 합니다.
   • 하지만 보통 useContext 훅을 사용하여 더 간단하게 데이터를 소비합니다.
4. useContext Hook
   • React에서 제공하는 훅으로 Context 데이터를 간편하게 가져올 수 있습니다.
   • Consumer 컴포넌트를 사용하는 것보다 코드가 간단해집니다.