[TIL] 2023.2.23.(목)

상태관리

UI,프론트엔드 개발에서 상태란 동적으로 표현되는 데이터이다.

side Effect란 함수의 입력외에도 함수의 결과에 영향을 미치는 요인이다. 대표적으로 네트워크 요청, API호출이 사이드이펙트이다.

UI를 페이지단위가 아닌 컴포넌트 단위로 보는 것은 리액트의 주요 개발원칙이다. (fetch와 같은 API요청이 없이도 표현에 집중하는 컴포넌트?)

로컬상태는 특정컴포넌트 안에서만 관리되는 상태이고, 전역상태는 프로덕트 전체 혹은 여러 컴포넌트에서 관리되는 상태이다.

서로 다른컴포넌트가 사용하는 상태의 종류가 다르면, 전역상태일 필요가 없다. 출처가 달라도 됨.

 

하지만 서로 다른 컴포넌트가 동일한 상태를 다룬다면 출처는 한 곳이어야한다, 만일 사본이 있을 경우 두 데이터를 동기화 하는 과정이 필요한데, 이는 문제르를 어렵게 만든다. 이 하나의 출처는 전역공간이라고 볼 수 있다.

 

데이터 무결성이란, 데이터의 정확성을 보장하기 위해 데이터의 변경이나 수정시 제한을 두어 안정성을 저해하는 요소를 막고 상태들을 항상 옳게 유지하는 것을 말한다. 데이터 무결성을 위해 동일한 데이터는 항상 같은 곳에서 데이터를 가지고 오는 것이 좋다. 신뢰할수 있는 단일출처 원칙(Single source of truth)

 

Props Drilling

 

상위 컴포넌트의 state를 props를 통해 전달하고자 하는 컴포넌트로 전달하기 위해 그 사이는 props를 전달하는 용도로만 쓰이는 컴포넌트들을 거치며 데이터를 전달하는 현상.