promise
-
자바스크립트 비동기 프로그래밍 패턴JS & TS 2024. 5. 28. 17:27
자바스크립트는 비동기 작업을 처리하기 위해 다양한 프로그래밍 패턴을 제공합니다.비동기 프로그래밍은 특히 네트워크 요청, 파일 입출력, 타이머 등 시간이 오래 걸리는 작업을 효율적으로 처리하는 데 유용합니다.이번 글에서는 자바스크립트의 주요 비동기 프로그래밍 패턴인 콜백, 프로미스, async/await, 그리고 RxJS에 대해서도 간단하게 소개하겠습니다.1. 콜백 (Callback)콜백은 가장 기본적인 비동기 프로그래밍 패턴입니다.함수가 실행된 후 호출될 함수를 매개변수로 전달하여 비동기 작업이 완료된 후 실행됩니다.function fetchData(callback) { setTimeout(() => { callback('데이터를 가져왔습니다'); }, 1000);}fetchData((messa..
-
Javascript ES6 문법 정리JS & TS 2023. 9. 11. 13:53
Frontend 개발자나 NodeJS개발자라면 필수인 javascript의 대격변이라고 생각하는 ES6부터 시작해 시리즈로 정리하는 글을 작성해보려고 합니다. ES6에서 추가된 주요 기능과 문법은 다음과 같습니다. Class(클래스) Arrow Function(화살표 함수) 배열 축약 Rest Parameter and Spread Operator Template Literal For... of 반복문 Destructuring Assignment(구조 분해 할당) const and let 키워드 Default Parameter Promise 1. Class(클래스) 클래스 문법을 사용하면 객체 지향 프로그래밍을 더 쉽게 구현할 수 있습니다. class Person { constructor(name, age..
-
JS 유용한 Promise활용Tip 2022. 2. 3. 19:19
ES2015에서 Promise.all, Promise.race가 나온 뒤, ES2020에서 Promise.allsettled가 나왔다. 그리고 Promise.any가 새로 나왔다. 위 4가지를 간단하게 비교해보려 한다. Promise.all([success(), fail()]) // Error Promise.race([fail(), delay(5000)]) // Error Promise.allsettled([success(), fail()]) // success, Error Promise.any([delay(5000), fail()]) // delay 간단하게 비교한다면 위와 같다. 먼저 가장 먼저 나온 all, race에 대해 말하자면, 1. Promise.all Promise.all은 아무리 많은 양..