createContext로 기본 형태를 만들고 어떤 값을 공유할지 이름으로 드러냅니다.
context
useContext Provider 경계
여러 단계 아래 컴포넌트가 같은 값을 읽어야 할 때 Context는 prop drilling을 줄이고 공유 범위를 명확히 합니다.
상위 컴포넌트에서 value를 내려 공유 범위와 갱신 출처를 정합니다.
하위 컴포넌트는 중간 props 없이 필요한 값을 바로 읽어 UI에 반영합니다.
여러 컴포넌트가 같은 테마 값을 읽는지 확인한다.
Provider value가 새 객체로 자주 만들어지는지 본다.
공유 범위를 너무 넓히지 않았는지 점검한다.
Context 변경이 소비 컴포넌트 렌더에 미치는 영향을 본다.