[TYPESCRIPT] Context API와 TypeScript — 전역 상태를 안전하게 설계하는 방법

React에서 Context API는 전역 상태나 공통 데이터를 전달할 때 자주 사용됩니다. 하지만 TypeScript 없이 Context를 사용하면 값 구조를 추측해야 하고, Provider 누락·타입 불일치로 인한 런타임 오류가 쉽게 발생합니다. Context API가 필요한 상황Context는 다음과 같은 경우에 적합합니다.로그인 사용자 정보테마(dark / light)언어(i18n)전역 설정 값반대로, 자주 변경되거나 복잡한 비즈니스 상태에는 React Query, Zustand 같은 상태 관리 라이브러리가 더 적합합니다. Context에 타입이 반드시 필요한 이유타입 없이 Context를 만들면 다음과 같은 문제가 발생합니다.Context 값 구조를 IDE에서 알 수 없음Provider를 빼먹..