React의 내장 상태 관리 도구, Context API의 모든 것을 알아봅니다. prop drilling 문제 해결부터 내부 동작 원리, useMemo를 활용한 최적화, 그리고 Redux, Zustand와의 비교를 통해 언제 Context를 사용해야 하는지 깊이 있게 탐구합니다.
React의 상태 찢어짐(tearing) 문제는 무엇이며, React 18의 useSyncExternalStore 훅이 이 문제를 어떻게 해결하는지 알아봅니다. LocalStorage와 연동하여 여러 브라우저 탭 간에 상태를 동기화하는 실용적인 예제를 통해 완벽하게 마스터해 보세요.