240610 TIL

동기 VS 비동기의 차이 복습 

 

동기 (Sync) 

 

- 요청과 응답이 순차적으로 일어나는 방식 

- 요청을 보내면 그 응답이 올 때까지 대기한 후에 다음 작업을 진행함 

- 응답을 기다리는 동안에는 다른 작업을 수행할 수 없기 때문에 비효율적 

console.log("첫번째");

for(let x=0; x < 1000000; x++;) {
  // 무거운 작업
}

console.log("second");

 

첫 번째 콘솔 로그가 출력되고 루프가 완료가 되면 그다음에 콘솔 로그가 출력되는 코드다 

 

 

비동기 (Async)

 

-  요청과 응답이 비 순차적으로 일어나는 방식 

-  요청을 보내면 응답을 기다리지 않고 다음작업을 계속 진행함

-  일에 순서가 중요하지 않으면 효율적인 일 처리를 위하여 비동기 처리를 한다 

console.log("start");

setTimeout(() => {
	console.log("타임오버");
},1000);

console.log("End");

 

setTimeout 함수에서 1000ms 후에 콜백 함수를 실행하는 비동기적 함수다 

 

아직 동기와 비동기를 이해하지 못해서 이번 강의에 나온 김에 다시 정리해 본다. 

곧 리액트 심화 과제도 빡빡하게 해야 하는데 파이팅... ㅠㅠㅠ 

 

동기는 요청이 끝나면 그다음 응답을 순차적으로 받는 방식이고 비동기는 요청이 보냈을 때 

응답을 기다리지 않고 다음작업을 계속 받는 방식이다. 응답을 기다릴 때 다른 응답을 받을 수 없는

비효율적인 건 동기 요청과 응답을 유동적으로 받을 수 있으면 비동기