[JAVASCRIPT] 자바스크립트 동기/비동기 코드 사용하기

자바스크립트는 기본 베이스가 "비동기 통신" 으로 되어있다.

그래서 일반적으로 코드를 작성하게 되면 자동으로 비동기 통신 코드가 된다.

 

그렇다면, 굳이 "동기 통신" 코드를 사용하고 싶다면 아래와 같은 방법을 사용하면 된다.

 

1. Promise

  - 세 가지 상태로 이루어져있는데,

 

1. 대기
   1. 말그대로 대기하는 상태
2. 이행
   1. 해당 코드를 수행하는 상태
3. 실패
   1. 해당 코드 수행 중, 실패가 난 상태

 

 

해당 코드가 수행이 끝나면, then 함수를 통해서 콜백 처리를 할 수 있게 된다.

resolve() 를 통해서 Promise 내 동기통신 코드 수행이 마무리되었음을 알린다.

function ABC() {
    new Promise((resolve, reject) => {
        ...
        resolve(resultData);
    }
};

ABC().then((resultData) => {
	...
});

 

2. Async

  - Promise 의 간단화 된 버전이라고 보면 될 것 같다.

  - return 을 통해서, resolve/reject 기능을 한다고 생각하면 된다.

 

이 또한, then을 통해서 콜백 기능을 수행할 수 있다.

async function ABC() {
	return resultData;
};

ABC().then((resultData) => {
	...
};