React

컴포넌트 간 상태 공유의 어려움

상태 관리 입문에서는 리액트 애플리케이션 개발에서 가장 중요하면서도 도전적인 주제 중 하나인 상태 관리(State Management)를 다룹니다. 첫 단계로, 왜 상태 관리라는 별도 개념과 라이브러리가 필요한지, 그리고 리액트 기본 기능만으로 컴포넌트 간 상태 공유가 왜 어려운지를 짚어봅니다.

상태, 전환 조건, 결과 동작을 분리해 흐름을 추적합니다.

STATE 1

리액트의 상태와 데이터 흐름 복습

리액트의 핵심은 컴포넌트 기반 아키텍처와 단방향 데이터 흐름(Unidirectional Data Flow)입니다.

STATE 2

컴포넌트 간 상태 공유의 일반적인 시나리오

리액트 애플리케이션을 개발하다 보면 필연적으로 여러 컴포넌트가 동일한 상태를 참조하거나 변경해야 하는 상황에 직면합니다.

STATE 3

상태 공유의 어려움: Props Drilling

리액트의 기본인 props를 사용해서 위와 같은 상태 공유 시나리오를 해결하려고 하면 곧바로 Props Drilling이라는 문제에 부딪히게 됩니다.