22.07.05_TIL

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

 

📗 오늘 학습한 내용

프론트엔드 개발 상태관리

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

 

📘 추가로 공부할 내용

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

Redux 공부해보기

 

📝 중요한 내용

• 상태관리를 할 때, 로컬과 전역을 잘 활용해야 한다.
• Redux: 상태관리도구