0630

동기

작업(task)들이 순차적으로 이루어지는 것
다른 작업들을 blocking

비동기

작업(task)들이 순차적으로 이루어지지 않음
다른 작업들은 non-blocking
Javascript를 사용한 비동기 통신 방식을 Ajax (Asynchronous Javascriptand XML)
Http요청(GET, POST), 이벤트 핸들러(click, over ...), setTimeout, setInterval

stateful, stateless
컴포넌트를 나누는 또다른 방식
•stateful 컴포넌트 : 모든 state를 들고있는 컴포넌트
•stateless 컴포넌트: state를 안들고 있고 props 와 같이 받은 데이터만 보여주는 컴포넌트
•리액트는 단방향 통신이다. 즉 부모에서 자식으로만 데이터를 전달 할 수 있다.
이를통해 데이터 흐름을 추적하기는 더 쉽지만, 같은 형제끼리 데이터를 주고받기는 힘들다. 그래서 데이터는 주로 부모가 들고있고 자식에게 전달해주는 형식이 된다.
state를 들고있는 부모 컴포넌트는 stateful 컴포넌트, 부모가주는 데이터만 받는 컴포넌트를 stateless 컴포넌트라고 한다.
이렇게 컴포넌트를 구성하면 장점은 state가 없는 stateless컴포넌트는 재사용이 쉽고 데이터를 걱정하지 않아도 된다.
•모든 중요한 데이터들은 stateful컴포넌트에 있기 때문에 유지보수가 쉽다 (stateful컴포넌트 하나만 주시하고 관리해주면 되기 때문)
그래서 최대한 모든 컴포넌트를 stateless로 만들고 몇개의 stateful컴포넌트에서 데이터를 관리하는 구조가 이상적이라고 리액트는 말하고 있다.