22.07.05

📌 오늘도 어제와 같이 너무 너무 더운날이다!! 하지만 에어컨과 함께라면 공부하는데 전혀 지장이 없다 😀 😀
오늘은 Redux를 배우기전에 상태관리를 왜 하는지 학습하고 Redux를 미리 학습해볼 예정이다.(이미 학습 해본건 안비밀)

프론트엔드 개발 상태관리

상태: UI에 동적으로 표현될 데이터(변하는 데이터)
Side Effect: 함수(컴포넌트)의 입력 외에도 함수의 결과에 영향을 미치는 요인
- 대표적인 예: 네트워크 요청 (백엔드 API 요청)
로컬: 특정 컴포넌트 안에서만 관리되는 상태
- 다른 컴포넌트와 데이터를 공유하지 않는 폼 데이터 (input box, select box 등)
전역: 프로덕트 전체 혹은 여러 컴포넌트에서 관리되는 상태
- 다른 컴포넌트와 상태를 공유하고 영향을 끼치는 상태
- 전역 변수를 남용하는 것은 좋지 않지만 서로 다른 컴포넌트가 동일한 상태를 다룰 때는 출처는 오직 한 곳에서 상태를 관리해야 한다. (하나의 출처 = 전역 공간)
- 데이터 무결성을 위해 동일한 데이터는 항상 같은 곳에서 데이터를 가지고 오도록 한다. (Single source of truth)
  - 데이터 무결성: 데이터의 정확성을 보장하기 위해 데이터의 변경이나 수정 시 제한을 두어 안정성을 저해하는 요소를 막고 상태들을 항상 옳게 유지하는 것.
- 전역으로 상태 관리하는 경우
  - 테마 설정
  - 국제화 설정
상태 관리를 위한 툴
- React Context
- Redux
- MobX
상태 관리 툴의 기능
- 전역 상태 저장소 제공
- Props drilling 이슈 해결

[udemy] React 완벽 가이드 강의 보기 (매일 조금씩 이라도 꾸준히 듣기)

Redux 공부해보기

Homile