2023.01.21 - React 데이터 흐름

1. 리액트는 단방향 데이터 흐름을 가지고 있다. 

 

2. 컴포넌트 단위로 생각하자(컴포넌트 설계방식)

- 리액트의 개발방식의 가장 큰 특징은 페이지 단위가 아닌 컴포넌트 단위로 시작한다. 

- 프로토 타입에서 컴포넌트를 찾아 컴포넌트를 만들고 페이지를 조립한다. 

  -> 샹향식(bottom-up) 으로 만든다.( 테스트가 쉽고 확장성이 좋음)

 

3. 데이터는 위에서 아래로 흐른다. 

- 단방향 데이터 흐름

- 컴포넌트는 바깥에서 props를 이용해 데이터를 마치 전달인자(arguments) 혹은 속성(attributes)처럼 전달받을 수 있다. 

- 데이터를 전달하는 주체는 컴포넌트가 된다. (데이터 흐름이 하향식임을 의미/ top-down)