패스잇
프론트엔드 개발 · 중급

React의 Context API와 상태 관리 라이브러리의 차이점과 선택 기준은?

힌트 · 성능, 복잡도, 미들웨어 필요 여부를 비교해보세요.

전역 상태props drillingContext Provider규모 확장성성능 최적화

모범답안

React Context API와 상태 관리 라이브러리는 모두 전역 상태를 관리하는 데 사용되지만, 몇 가지 중요한 차이점이 있습니다.

Context API는 React 내장 기능으로, props drilling 없이 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다. 간단한 전역 상태 관리에 유용하지만, 규모가 커질수록 성능 문제가 발생할 수 있습니다. Context 값이 변경될 때마다 Context를 사용하는 모든 컴포넌트가 리렌더링되기 때문입니다.

반면, Redux나 Zustand 같은 상태 관리 라이브러리는 더 복잡하지만, 성능 최적화에 유리합니다. Redux는 예측 가능한 상태 변화를 위해 단방향 데이터 흐름과 미들웨어를 제공하며, Zustand는 더 간단하게 상태를 관리하고 성능 최적화에 집중합니다.

선택 기준은 프로젝트 규모와 복잡도입니다. 간단한 앱이라면 Context API로 충분하지만, 규모가 크고 복잡한 앱에서는 상태 관리 라이브러리를 사용하는 것이 좋습니다. 또한, 미들웨어를 사용해야 하거나, 상태 변화를 추적하고 디버깅해야 하는 경우에도 상태 관리 라이브러리가 더 적합합니다.

읽었다면, 이제 직접 답해볼 차례예요

패스잇 앱에서 이 질문에 말로 답하면 AI가 꼬리질문까지 이어가며 1:1 코칭합니다.

함께 보는 React 면접 질문

← React 면접 질문 전체 보기