Next.js

React 상태 관리 기초

웹 애플리케이션은 사용자와의 상호작용을 통해 동적으로 변화하는 정보를 다룹니다. 이러한 변화하는 정보를 관리하는 것이 바로 상태 관리(State Management)이며, React 애플리케이션 개발의 핵심 개념 중 하나입니다.

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

STATE 1

상태(State)란 무엇인가요?

React에서 상태(State)는 컴포넌트의 렌더링 결과에 영향을 미치는 데이터로, 시간이 지남에 따라 변경될 수 있는 값을 의미합니다.

STATE 2

useState 훅을 사용한 상태 관리

React 함수 컴포넌트에서 상태를 관리하는 가장 기본적인 방법은 useState 훅을 사용하는 것입니다.

STATE 3

props를 이용한 데이터 흐름

React에서 데이터는 기본적으로 단방향(Uni-directional) 으로 흐릅니다.