Front end/React
[ React ] 데이터 흐름 / state 끌어올리기 알아보기
데이터 흐름 React의 개발 방식의 가장 큰 특징은 페이지 단위가 아닌, 컴포넌트 단위로 시작한다는 점이 가장 큰 특징이다. 즉, 상향식으로 앱을 만든다. 이렇게 앱을 만들었을 때 가장 큰 장점은 테스트가 쉽고 확장성이 좋기 때문이다. 위의 사진을 트리 구조로 나타낸 컴포넌트라고 생각해보면, 컴포먼트는 컴포넌트 바깥에서 props를 이용해 데이터를 전달인자 혹은 속성 처럼 전달 받을 수 있다. 또한, 데이터를 전달하는 주체는 부모 컴포넌트된다. 따라서 데이터 흐름이 하향식을 의미하는 것을 알 수 있다. 모든 데이터를 상태로 둘 필요는 없기 때문에 상태는 최소화하는 것이 가장 좋다. 상태가 많아질 수록 애플리케이션은 복잡해지기 때문에 어떤 데이터를 상태로 두어야 하는지의 여부는, 아래 세가지 질문을 통해..
