JavaScript · JavaScript · 대학

JavaScript 비동기 프로그래밍과 ES6+ 기능

Promise, async/await, 화살표 함수 등 최신 ES6+ JavaScript 기능을 다룹니다.

카드 40장 · 기본 카드 · AI가 작성하고 두 번 검수했어요. 자유롭게 편집하세요.

브라우저에서 바로 열려요. 계정 필요 없음. iPhone·iPad 앱 · Android 앱

JavaScript에서 Promise란 무엇인가요?

정답 보기

비동기 작업의 최종 완료 또는 실패와 그 결과값을 나타내는 객체입니다.

Promise가 가질 수 있는 세 가지 상태는 무엇인가요?

정답 보기

대기(pending), 이행(fulfilled, resolved), 거부(rejected)입니다.

새 Promise는 어떻게 만드나요?

정답 보기

Promise 생성자를 사용합니다: new Promise((resolve, reject) => { ... })

.then() 메서드는 무엇을 반환하나요?

정답 보기

콜백의 반환값으로 이행되는 새 Promise를 반환합니다.

.catch()로 Promise 거부를 어떻게 처리하나요?

정답 보기

.catch(error => { ... })는 Promise가 거부되면 실행되며, 거부 사유를 인자로 받습니다.

.finally()는 무슨 일을 하나요?

정답 보기

Promise가 이행되든 거부되든 상관없이 처리가 끝난 뒤 코드를 실행하고, 새 Promise를 반환합니다.

Promise.all()은 무슨 일을 하나요?

정답 보기

Promise 배열을 받아, 모두 이행되면 이행되고 하나라도 거부되면 거부되는 단일 Promise를 반환합니다.

Promise.race()는 무슨 일을 하나요?

정답 보기

Promise 배열을 받아, 가장 먼저 처리가 끝난 Promise의 결과로 이행되거나 거부되는 Promise를 반환합니다.

Promise.resolve()는 무슨 일을 하나요?

정답 보기

주어진 값으로 이미 이행된 Promise를 반환합니다.

Promise.reject()는 무슨 일을 하나요?

정답 보기

주어진 사유로 이미 거부된 Promise를 반환합니다.

async 키워드는 무슨 일을 하나요?

정답 보기

함수를 비동기 함수로 만들며, 그 함수는 항상 Promise를 반환합니다.

await 키워드는 무슨 일을 하나요?

정답 보기

Promise가 처리될 때까지 async 함수의 실행을 일시 중지하고, 이행된 값을 반환합니다.

async 함수는 항상 무엇을 반환하나요?

정답 보기

함수가 일반 값을 반환하더라도 항상 Promise를 반환합니다.

async 함수에서 오류는 어떻게 처리하나요?

정답 보기

try/catch를 사용합니다: try { ... } catch (error) { ... }

async 함수 안에서 여러 Promise를 순차적으로 await할 수 있나요?

정답 보기

네, 각 await는 해당 Promise가 이행될 때까지 실행을 멈춘 뒤 다음으로 넘어갑니다.

앱에 카드 25장 더