[REACT] 리액트 비동기 작업

비동기 작업의 이해

• 웹 어플리케이션에서 서버 쪽 데이터가 필요한 경우 Ajax 기법으로 서버의 API를 호출함으로써 데이터를 수신한다.
• 서버의 API를 사용하는 경우, 네트워크 송수신 과정에서 시간이 걸리기 때문에 즉시 처리되는 것이 아니라 응답을 기다렸다가 받은 데이터를 처리한다. (비동기적 처리)

1. 작업을 동기적으로 처리하는 경우
   • 요청이 끝날 때까지 기다리는 동안 중지 상태가 되므로 다른 작업을 할 수 없다.
2. 작업을 비동기적으로 처리하는 경우
   • 웹 어플리케이션이 멈추기 않기 때문에 여러가지 요청을 처리 할 수 있다
   • 기다리는 과정에서 다른 함수도 호출할 수 있다.
   • API 호출시 & setTimeout 함수로 특정 작업을 예약할 때 작업을 비동기적으로 수행한다. 

// setTimeout example
function printTest(){
	console.log('Hello World');
}

setTimeout(printTest, 3000);
console.log('waiting...');


//result
waiting...
Hello World