자바스크립트 동기, 비동기

함께 스터디하는 분이 자바스립트는 동기 비동기 이해가 중요하다면서 1시간 정도 여러 예문으로 설명을 해주셨다.

 

동기 비동기, async와 await 설명의 흔적

 

집에 와서 여러 예문과 영상을 보면서 이해한 바로는 아래와 같다.

 

1. 자바스크립트는 싱글 스레드로 동기 처리가 기본이다.(첫 번째 코드가 실행되고 다음 줄의 코드가 실행된다는 개념이다.)

2. 동기 처리의 경우 첫 번째 코드가 오랫동안 연산되면 두 번째 코드는 그 시간동안 기다려야하기 때문에 프로그램 처리 속도가 느려진다.

3. 위와 같은 경우 비동기를 사용하여 해결할 수 있으며, 비동기 함수인 async를 사용하면 동시에 두 가지 코드를 동작시킬 수 있다.

 

동기 비동기 개념이 헷갈린다면 이미지를 떠올리면 좋다.

동기는 동일한 기찻길의 줄임말로 생각하면 된다.

하나의 동일한 기찻길에 여러 기차가 지나간다고 했을 때, 가장 앞열의 기차가 느리다면 뒤의 기차도 느려진다.

 

비동기 작업을 만드는 방법은 간단하다.

자바스크립트 ES7 부터는 async/await 를 사용하면 간단하게 비동기 함수를 만들 수 있다. 

 

가장 좋은 설명 영상은 얄코님의 동기 비동기 설명이다.

 

https://youtu.be/m0icCqHY39U