본문 바로가기

Web

비동기 처리, 콜백 함수(callback)

웹 개발에서는 종종 시간 지연이 일어남

 

서버에서 데이터를 가져온 후 화면에 표시를 해야 하는데 자바스크립트의 특성에 따라 바로 화면에 표시하는 코드를 실행하려고 함

 

데이터를 가져온 후 표시하는 작업을 해라 라고 지정해주는 게 비동기 처리

 

예시> 

 

 

 

 

 

 

시간이 얼마나 걸리든 상관없이 displayB 함수가 실행된 다음 displayC 함수가 실행됨

 

함수 안에 매개변수로 들어가는 함수를 콜백 함수(callback)라고 함

 

 

 

 

 

 

 

 

 

 

  • 자바스크립트에서 비동기를 처리하는 방법

1. 콜백 함수: 여러 개 반복해서 매개변수로 들어가면 복잡해질 수 있음

2. 프로미스: 성공 시 실행 코드, 실패 시 실행 코드가 정해져 있음

3. async/await: 실행 순서 제어