JavaScript Promises: 개념, 용어 및 표준화

Source

• Evernote/Inbox/JavaScript Promises There and back again - HTML5 Rocks.md

Summary

이 문서는 ES6(ES2015)에 도입된 자바스크립트 네이티브 Promise의 필요성, 기본 개념, 표준 용어 및 생성 방법을 설명합니다. 자바스크립트의 싱글 스레드 환경에서 콜백 지옥과 이벤트 리스너의 한계(예: 이미 로딩된 상태 확인의 어려움, 다중 비동기 처리의 복잡성)를 해결하기 위해 Promise가 도입되었습니다. Promise는 비동기 작업의 성공(fulfilled) 또는 실패(rejected) 결과를 단일 값으로 처리하며, 상태가 한번 결정되면 변경되지 않고 후속 콜백 호출을 보장합니다. 주요 용어로는 pending, fulfilled, rejected, settled, thenable 등이 있으며, 기존 라이브러리(Q, RSVP.js 등)와 달리 Promises/A+ 사양을 따르는 표준 API(new Promise)를 제공합니다.

Key Points

• 자바스크립트는 싱글 스레드이며, 비동기 처리를 위해 이벤트/콜백을 사용하지만 이는 상태 관리와 다중 처리에서 한계가 있습니다.
• Promise는 비동기 작업의 최종 결과(성공/실패)를 나타내는 객체로, 상태가 한번 settled(fulfilled/rejected)되면 변경되지 않습니다.
• 이벤트 리스너와 달리 Promise는 작업 완료 후에도 콜백을 등록하면 해당 결과(성공/실패)를 보장하며, Promise.all 등을 통해 다중 비동기 처리가 용이합니다.
• 표준 용어: pending(대기), fulfilled(성공), rejected(실패), settled(완료/거부), thenable(then 메소드 보유 객체).
• ES6 네이티브 Promise는 Promises/A+ 사양을 따르며, new Promise((resolve, reject) => {…}) 구문으로 생성됩니다.
• 기존 jQuery Deferred는 Promises/A+와 호환되지 않으므로 주의가 필요합니다.

Related

• 비동기적 JavaScript

• JavaScript 기반 분산 컴퓨팅 고려사항

• Node.js 란? (IBM developerWorks)

• 자바스크립트 동작 원리: 엔진, 런타임, 호출 스택

• 자바스크립트에서의 Continuation-passing style (CPS) 소개

• Distributed Web Worker 개발 중 Promise 및 이벤트 처리 이슈

• Node.js 의 핵심 관점 (Core Perspective to NodeJS)

• 프로그래밍의 근본적 결함과 선언적 패러다임 제안

• JavaScript this 키워드 동작 원리

• Web Workers API 개요 및 기본 사용법

• JavaScript 의 현대적 활용 분야 (2019)

• Web Workers: JavaScript 멀티스레딩

• AJAX 기본 원리 및 XMLHttpRequest 구현

• Distributed Electronic Rights in JavaScript

• 웹의 병목 현상: JavaScript

• JavaScript 엔진의 동작 원리 (V8 기준)

• JavaScript 성능 향상을 위한 Thread-level Speculation (TLS)

• Design Patterns in JavaScript (tcorral)

• 자바스크립트 프로토타입(Prototype) 개념 정리

• 2017 년 JavaScript 테스트 개요 (Powtoon Engineering)

• ML 기반 번들링: JavaScript 툴링의 미래

• JavaScript 과잉 조직화 (Over-Organizing) 의 적절성

• 풀스택 JavaScript 프레임워크 학습 조언 (Quora)

• 더글라스 크록포드의 작업 철학 및 JavaScript 관점

• List.js: HTML 리스트의 검색, 정렬, 필터링을 위한 경량 JavaScript 라이브러리

• 웹의 불안전한 JavaScript 사용 관행에 대한 측정 연구

• CSRF)

• HTML에서 Javascript와 CSS 기반으로 애니메이션을 구현하는 방법

• JavaScript 패키지 매니저의 간략한 역사 (npm, Yarn, pnpm)

• requestAnimationFrame 사용법

• HTTP Archive: jQuery 호스팅 및 버전 분산 분석 (2013)

• JSWhiz: JavaScript 메모리 누수 정적 분석 도구

• 종성 분리 알고리즘

• 북마클릿(Bookmarklet) 정의

• 대규모 JavaScript 애플리케이션 설계 및 엔지니어 성장

• CSS :scope 가상 클래스의 용도 및 동작 방식

• 웹 기반 연산 오프로딩 및 상태 시리얼라이제이션 연구 동향

• 자바스크립트 디자인 패턴 - 프록시(Proxy)

• Objective-C 함수 포인터와 코드 블럭

• jQuery 이벤트 핸들링: .on() 사용 권장

• 자바스크립트 객체 더하기 연산의 타입 변환 규칙

• Prototype용 선택 상자 플러그인

• Git remote-tracking branch 개념 및 동작 원리

• Web Framework Benchmark Inspired

• Freemarker 템플릿 상속을 통한 레이아웃 관리

• C++ Coroutine 의 개념 및 구현 특성

• 자바스크립트 메모리 관리 및 4가지 흔한 메모리 누수 대처법

• 8bit.js: Web Audio API 기반 8비트 사운드 라이브러리

• 자바스크립트 배열 메소드 5가지 (indexOf, filter, forEach, map, reduce)

• 자바스크립트 아키텍처 v0.4

• Simple Ajax 예제

• Java 기반 웹 채팅 서버의 동시성 문제 및 아키텍처 검토

• 텍스트 교체하기: 5가지 방법 (Swapping Out Text, Five Different Ways)

• Angular.js 의 핵심 개념 및 장점 요약

• Web Animations API: element.animate() (Chrome 36)

• C++ 싱글 링크드리스트(Singly Linked List) 구현 및 핵심 개념

• CoffeeScript: The Beautiful Way to Write Javascript (Presentation)

• Three.js 시작 가이드 (Aerotwist)

• 자바스크립트 기반 콘텐츠 숨김의 접근성 처리

• Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩

• 브라우저 앙상블을 활용한 분산 컴퓨팅 (WeevilScout)