"전역 상태"와 "로컬 상태"는 어디에서, 얼마나 넓게 상태(state)를 공유하고 관리할지에 따라 나뉘는 개념
👩🏻💻전역 상태 (Global State)
앱 전체에서 공유되는 상태
여러 페이지나 컴포넌트에서 공통으로 필요한 정보라면 전역 상태로 관리
예: Redux, Zustand, Recoil, Context API 등을 사용해 관리함.
✓ 예시:
로그인 여부: 로그인했는지 아닌지는 모든 페이지에서 알아야 함 → 전역 상태
유저 정보: 이름, 이메일 등은 여러 페이지에서 필요함 → 전역 상태
찜한 영화 리스트: 사용자가 마이페이지든 메인페이지든 언제든 볼 수 있음 → 전역 상태
👩🏻💻로컬 상태 (Local State)
특정 컴포넌트(또는 페이지) 안에서만 필요한 상태
딱 그 컴포넌트 안에서만 사용되고, 밖에서는 필요 없는 정보라면 로컬 상태로 관리
보통 useState 또는 useReducer로 관리함.
✓예시:
현재 보고 있는 영화 정보: 상세 페이지에서만 필요 → 로컬 상태
리뷰 입력 상태: 리뷰 작성 중인지 여부는 해당 컴포넌트 안에서만 필요 → 로컬 상태
페이지네이션 상태: 현재 몇 페이지 보고 있는지 → 해당 리스트 컴포넌트에서만 필요 → 로컬 상태
'Studying > React' 카테고리의 다른 글
| 리액트 - 회원가입, 로그인 창 구현하기 (백엔드 없이 화면 구현 먼저) (1) | 2025.05.09 |
|---|---|
| 리액트 공부하기 - 파일구조 (0) | 2025.05.09 |
| 리액트 공부하기 - 환경변수, .env 파일 (1) | 2025.05.08 |
| 리액트 공부하기 - custom hooks? 그냥 함수 차이? (0) | 2025.05.07 |
| 리액트 공부하기 - debounce, throttle (디바운스, 스로틀) (0) | 2025.05.07 |