[React] 프론트엔드 개발에서의 상태 관리 기초

상태란?
UI에 동적으로 표현될 데이터

Side Effect란?
함수(또는 컴포넌트)의 입력 외에도 함수의 결과에 영향을 미치는 요인
대표적인 예: 네트워크 요청 (백엔드 API 요청)

상태 두 가지 구분

로컬 상태	전역 상태
특정 컴포넌트 안에서만 관리되는 상태	프로덕트 전체 혹은 여러 컴포넌트에서 관리되는 상태
대부분의 경우 form(input box, select box, radio button 등)을 이용한 상태는 로컬 상태	서로 다른 컴포넌트가 사용하는 상태의 종류가 다르면, 서로 다른 출처(source)가 있어도 상관없지만 서로 다른 컴포넌트가 동일한 상태를 다룰 때에는, 서로 다른 출처로 부터 가져오는 것은 피해야 한다.

 

전역 상태에서의 데이터 무결성

데이터 무결성이란?

데이터의 정확성을 보장하기 위해 데이터의 변경이나 수정 시 제한을 두어 안정성을 저해하는 요소를 막고 데이터 상태들을 항상 옳게 유지하는 것

 

Single source of truth(신뢰할 수 있는 단일 출처)