Vue 20일차 - 비동기처리

비동기처리는 Callback과 Promise로 구분된다.

 

Callback은 함수 또는 기능이 종료되는 시점에 바로 실행되는 함수를 의미한다.

 

자바스크립트는 함수를 인자로 넘길 수 있다. 이 때 인자로 넘기는 함수를 Callback 함수다.

 

비동기처리 함수는 함수 실행 후 답변이 오지 않아도 다음 함수를 진행하는 것이다.

 

비동기처리 함수를 사용할 경우 데이터가 순차적으로 처리되지 않기 때문에 순서를 잘 생각해야 한다.

 

콜백을 계속 사용하게 될 경우 콜백을 지속적으로 호출하면 콜백헬 현상이 발생할 수 있다.

 

이를 예방하기 위해서 promise를 사용한다.

 

promise는 콜백의 단점을 예방하고, 직관적인 코딩을 위해서 만들어졌다.

 

promise 구조는 다음과 같다.

 

then은 실행 후 성공하면 실행

catch는 실행 후 실패하면 실행이다.