1. Context API란 무엇인가?

1-1. Context API의 정의

Context API는

👉 컴포넌트 트리를 통해 props를 일일이 전달하지 않고, 전역처럼 데이터를 공유하기 위한 React 내장 기능입니다.

• React 기본 제공
• 외부 라이브러리 ❌
• 간단한 전역 상태 관리 용도

1-2. Context API의 등장 배경

React 앱이 커질수록 다음 문제가 발생합니다.

App
 ├─ A
 │   └─ B
 │       └─ C (데이터 필요)

• App의 데이터를 C에서 사용
• A, B는 데이터 사용 ❌
• 하지만 props 전달은 필요

👉 props drilling 문제

2. Props Drilling 문제

2-1. 문제 예시

<App user={user}>
  <A user={user}>
    <B user={user}>
      <C user={user} />
    </B>
  </A>
</App>

문제점: