[JavaScript]비동기 처리(Promise, Async&Await, Fetch API) 사용법 정리

• 동기와 비동기 처리 방식에 대한 설명: 동기(Synchronous)는 코드가 순차적으로 실행되며, 요청에 대한 응답이 처리될 때까지 다른 요청이 처리되지 않는 방식이고, 비동기(Asynchronous)는 요청에 대한 응답이 즉시 처리되지 않아도 다른 요청을 보낼 수 있는 방식입니다.

• 비동기 처리를 위한 자바스크립트 기술: Promise, async & await, Fetch API 등의 기술을 사용하여 비동기 처리를 구현할 수 있으며, 이를 통해 콜백 지옥을 피하고 가독성 높은 코드를 작성할 수 있습니다.

• 콜백 함수를 사용하여 연쇄적인 비동기 처리를 구현하는 경우 코드 가독성이 떨어지지만, 프로미스(Promise)를 사용하면 비동기 처리 결과값을 처리하는 콜백 함수를 분리할 수 있다.

• 프로미스는 대기(Pending), 이행(Fulfilled), 거부(Rejected)의 3가지 상태를 가지며, 작업이 성공하면 then()을, 실패하면 catch()를 사용하여 처리한다.