저번에는 useReducer() 훅을 통해 상태 관리하는 방법, Redux를 통해 중앙 집중식으로 상태를 관리하는 방법에 대해 다뤘었다. 이번에는 좀 더 간단한 방법으로 전역 상태 관리를 할 수 있는 Context API에 대해 정리해보려고 한다!
0. Rudex와 Context API의 차이 저번에 했던 Rudex와 Contex API의 차이는 무엇일까?
1. Context API 목적: 컴포넌트 트리 전체에 걸쳐 전역적으로 데이터를 공유하기 위한 간단한 방법을 제공한다.
구조: createContext() 함수를 사용하여 컨텍스트를 생성하고, 이를 통해 Provider와 Consumer를 제공한다. 활용: 주로 작은 규모의 애플리케이션이나 중첩된 컴포넌트들 간에 상태를 전달하고자 할 때 사용된다.
장점: 리액트에 내장되어 있어 추가적인 라이브러리를 설치할 필요가 없다. 컴포넌트 간의 상태 전달이 간편하고 직관적이다.
단점: 컴포넌트 계층이 깊어지면 상태 전파가 번거로워질 수 있다...
