[WEB] 동기(Synchronous)와 비동기(Asynchronous), Javascript의 비동기 처리 방식

오늘의 단어는 '동기'와 '비동기' 이다.

 

먼저 동기와 비동기를 나누는 관점부터 소하자면,

이 둘을 나누는 가장 큰 차이점은 "실행 순서를 어떻게 가지는가?" 이다.

 

 

동기(synchronous)

: 동기는 데이터의 요청과 결과가 한 자리에서 동시에 일어난다. 즉, 해당 작업이 끝나기 전까지는 다른 작업을 수행하지 않고, 해당 작업이 완료된 후에 결과가 반환된다.

 

비동기(Asynchronous)

데이터의 요청과 결과가 동시에 일어나지 않고, 작업이 실행되고 완료되는 동안 다른 작업을 수행할 수 있다. 즉즉, 해당 작업이 끝나지 않았더라도 다른 작업을 수행할 수 있고, 결과는 작업이 완료될 때 반환된다.

 

 

 

동기와 비동기의 장단점 비교

동기

장점 : 설계가 쉽고 직관적

단점 : 결과가 반환될 때까지 다른 작업 수행 불가

 

비동기

장점 : 결과가 반환되는 동안 다른 작업 수행 가능

단점 : 설계가 비교적 어렵고 복잡함.

 

 

---

추가적으로 Javascript를 공부하는 사람으로써 "Javascript의 비동기처리" 도 소개하고 마치겠다.

 

Javascript의 비동기처리

먼저 Javascript는 기본적으로 비동기적으로 동작하지만, 종종 비동기적으로 동작하는 부분이 동기적으로 동작해야 하는 경우가 생긴다.

이럴 때 비동기적인 동작이 동기적으로 동작하기 위해 해주는 처리가 "비동기 처리" 이다.'

 

 

* Javascript의 비동기 처리 방식

1. 콜백 함수(Callback Function) 사용
2. Promise
3. Promise를 활용한 async/await

비동기 처리 방식의 각 설명은 다음에 하나씩 자세히 다뤄 소개하겠다 !

 

 

 

참고 : https://tlsdnjs12.tistory.com/12