async 2

[JavaScript] 비동기 처리 - async/await 문법 정리

이전 글에서는 자바스크립트의 비동기 처리 방식 중 콜백 함수와 Promise를 비교해보았다.이번 글에서는 Promise를 더 직관적이고 깔끔하게 사용할 수 있는 방법인 async / await 문법에 대해 알아보자.예시 코드와 함께 실제로 어떻게 사용하는지, 기존 Promise 코드와 어떤 점이 다른지도 함께 정리해보자. 1) async / await란?async와 await는 ES2017(ES8)에서 도입된 문법으로,Promise 기반 비동기 코드를 동기식처럼 작성할 수 있도록 도와준다.async 함수는 항상 Promise를 반환한다.await 키워드는 Promise가 처리될 때까지 기다렸다가 결과를 반환한다.기본 예시async function fetchData() { const result = aw..

[JavaScript] 동기(Synchronous), 비동기(Asynchronous) 방식과 콜백 함수(Callback Function)

자바스크립트는 기본적으로 싱글 스레드(Single-thread), 동기(Synchronous) 처리 언어이다.즉, 한 번에 하나의 작업만 처리할 수 있으며 코드가 작성된 순서대로 실행된다.하지만 자바스크립트에서도 비동기 처리를 할 수 있는데,자바스크립트의 동기 처리와 비동기 처리에 대해 각각 알아보자. 1) 동기(Synchronous) / 비동기(Asynchronous)란?1-1) 동기(Synchronous) 처리: 동기 처리는 코드가 순차적으로 실행되는 방식이다.앞선 작업이 끝나야 다음 작업이 실행된다.1-2) 비동기(Asynchronous) 처리: 비동기 처리는 시간이 오래 걸리는 작업을 처리할 때,그 작업이 끝나기를 기다리지 않고 다음 작업을 먼저 실행하는 방식이다.대표적으로 API 요청, 파일 읽..