동기, 비동기 처리란 무엇인가 - 개념, 장단점

JavaScript 동기, 비동기처리란?

자바스크립트에서는 동기 / 비동기 라는 개념이 중요하다.

원하는 결과를 출력할 수 있느냐 없느냐에 핵심적이기 때문이다.

동기 처리 : A 작업이 끝난 후 B작업이 실행되는 것을 의미하고,

비동기 처리 : 크게 순서에 상관없이 A, B작업이 이루어 지는 것을 의미한다.

 

여기서 동기, 비동기의 중요한 차이점이 나온다.

만약 A 작업 이후의 결과물이 B작업에 사용되어야 한다면,

A작업 이후 B작업이 진행되도록 “필수”적으로 지정해야한다.

만약 그런 상황이 아니라면, 누가 먼저 실행되는 상관없다.

 

맥도날드 송 예시

동기 처리 : 1. 참깨빵 위에 2. 순쇠고기 패티 두장 ~ 3. 

비동기 처리 : 1. 순쇠고기 패티 두 장 위에 2. 참깨빵~ 3. 

원하는 햄버거가 나오지 않을 것이다.

https://www.youtube.com/watch?v=Fp24y7pYZUY&t=6s

맛있는 빅맥

동기 / 비동기 처리의 장단점

동기 처리 : 설계가 매우 간단하고 직관적이나, 결과가 주어질 때 까지 아무것도 못하고 대기해서 느림.

비동기 처리 : 동기 처리 보다 복잡하지만, 결과가 주어지든 말든 할 일을 하기 때문에 빠름

 

동기 / 비동기 처리 하는 방법

이런 동기, 비동기 처리를 제어할 수 있는 방법은 아래와 같다.

 

콜백함수 사용하기 - https://positiveffect.tistory.com/31

Callback 콜백 함수 예제를 통한 개념, 용도 쉽게 이해하기 - JavaScript

Promise, then 사용하기 - 예정

Async, Await 사용하기 - 예정

 

콜백함수는 가독성이 많이 떨어져서 잘 사용하지 않는 것 같다.

1, 2, 3번에 대해서 개념, 사용법, 주의점 등을 정리해서 남겨두어야 겠다.