25.02.26 react의 상태 관리 (스터디)

1. 상태 관리란?

• 상태란? 특정 시점에서 가지고 있는 데이터를 의미하며, 보통 사용자의 입력, UI의 변화 네티워크 요청 결과 등임.
• 상태 관리란? 테이터(상태)를 효과적으로 유지하고 업데이트하는 방법을 의미함.

 

2. 상태 관리가 필요한 이유

• 상태가 많아지면 컴포넌트 간 데이터 전달이 복잡해지고 유지보수가 어려워 체계적으로 생태를 함. 그래서 상태 관리를 위한 도구나 패턴을 사용함.

  2-1 상태 관리 라이브러리를 써야 할 때

1. 상태가 많고 컴포넌트 간 공유가 많을 때
2. 상태가 여러 곳에서 변경될 때
3. 네트워크 상태(비동기 데이터)를 효과적으로 관리할 수 때

 

3. 상태 관리 방법

1. 로컬 상태 (Local State) -> useState, useReducer: 컴포넌트 내부에서만 관리하는 상태
2. 전역 상태 (Global, State) -> 상태관리 라이브러리(Redex, Zustand 등): 여러 컴포넌트에서 테이터를 공유하고 관리
3. 서버 상태 (Server State) -> React Query, SWR(라이브러리) 등: 백엔드에서 데이터를 가져와서 캐싱
4. URL 상태 (URL state) -> React Router의 다양한 hook: 페이지 주소에 따라 상태가 변함