[React] 클라이언트 Ajax 요청

Chapter1. React 데이터 흐름
1.React에서의 데이터 흐름, 단방향 데이터 흐름을 이해할 수 있다.
2.어떤 컴포넌트에 state가 위치해야 하는지 알 수 있다.
3.State 끌어올리기의 개념을 이해할 수 있다.
4.상태 변경 함수가 정의된 컴포넌트와, 상태 변경 함수를 호출하는 컴포넌트가 다름을 알 수 있다.

1.리액트에서는 데이터의 충돌등을 방지하기 위해 강제적으로 단방향 데이터 흐름방식을 선택했다. 단방향의 흐름은 위에서 아래, 부모에서 자식으로 내려가는 하향식 데이터 흐름을 가지고 있다.
 
2.state는 변해야 하는 값이기 때문에 필요한 컴포넌트들을 모두 포함하는 컴포넌트 또는 조상컴포넌트에 들어가야 한다. 

3.state의 변경을 자식에서 사용하고 싶지만 데이터의 흐름은 하향식으로만 갈 수 있기 때문에 state를 변경할 수 있는 Set을 props로 전달해 state의 값을 변경해 주는 방식을 state끌어올리기라고 부른다. 사실상 usestate와 set, state는 모두 부모 컴포넌트에 존재하지만 set만 내려보내 필요한 값을 받아 하향식이라고 볼 수 있다. 단지 인식적으로 아래에서 값이 올라간다는 생각을 가지기 때문에 가끔 양방향이라고 착각할 수 있다.

4.상태 변경 함수가 정의된 컴포넌트는 영향을 미치는 최상단의 컴포넌트라고 볼 수 있으며 상태 변경 함수를 호출하는 컴포넌트는 하향식 데이터의 흐름방향을 지키기 위해 부모 또는 조상 컴포넌트의 값을 수정할 수 있는 상태 변경 함수 내려받아 값을 수정하는 방식을 사용한다.

 

오늘 과정은 쉬워서 빨리 끝났는데

내일 해야하는 과제2가 상당히 어려웠다.

지금도 과제2를 보는데 답이 없는 상태다..