promise 더! Promise와 잘 어울리는 스니펫 준비 잘 두드려 긴 문구는 스 니펫에 넣어두면 덥습니다. 에디터별 스니펫을 준비했습니다. 오늘부터 당신도 more Promise 라이프! Tools 메뉴 → New Snippets... promise.sublime-snippet의 이름으로 저장합니다. SublimeText (2015/11/23 추가) Visual Studio Marketplace에서 공개했으므로 쉽게 도입할 수 있습니다. Ctrl... ATOMSublimeText자바스크립트VisualStudioCodepromise JavaScript Promise에서 Movable Type Data API에서 얻은 비동기 통신 데이터 처리 Movable Type Data API에서 JSON을 가져옵니다. 취득한 데이터를, JavaScript로 가공해, 표시하고 싶다. 예를 들면, API 경유로 취득한 데이터를, 다른 함수에 인도한다고 하는 시츄에이션으로 생각해 보겠습니다. 이 코드에서는 Data API를 통해 얻은 기사 데이터를 console.log에 표시하려고합니다. 예상대로 기사 데이터를 표시 할 수 없습니다. 결과적으로 ... 자바스크립트비동기 처리MovableTypepromise Vue.js 앱으로 Cloudinary에 이미지 업로드 Vue.js를 사용한 앱 내에서 Cloudinary에 파일을 업로드하고 싶었습니다만, 공식 문서에서 꽤 좋은 것이 발견되지 않는 가운데, 공식 블로그에서 좋은 느낌의 기사가 있었으므로 소개하겠습니다. 그래서이 게시물은 Vue.js를 사용하는 웹 응용 프로그램에서 에 이미지 파일을 업로드하는 방법을 작성합니다. 실제 공식 블로그 그대로의 코드라면, Vue.js의 에러가 나오기 때문에, 약간 수... Vue.js자바스크립트axioscloudinarypromise kintone에서 동적이고 처리 순서가 보장되는 Promise 객체를 생성하고 싶습니다. 나는 아직도 Promise를 동적으로 생성하여 데이터 처리하고 싶은 경우의 처리에 대해 간단히 정리해 보았습니다. 앱 A에서 해당 데이터를 1000 건 가져와 앱 B에 추가하고 싶습니다 POST API를 사용하고 싶지만 사양상 100건씩 정리해 처리하고 싶다 처음 100건 추가… Promise.then() 로 순차 처리할 수 있는 것은 알지만, 데이터 건수는 부정. 어쨌든 동적으로 Promi... 자바스크립트금과promise Imgur API를 사용하여 메두사 이미지 업로드 은 매우 강력하고 유용하며 오픈 소스이며 쉽게 수정할 수 있는 전자 상거래 프로젝트입니다. 그러나 기본적으로 제품 사진을 저장할 수 있는 어떠한 종류의 무료 온라인 공간도 제공하지 않습니다. 공식 문서에는 및 을 사용하여 업로드한 제품 이미지를 넣는 방법이 설명되어 있지만 해당 서비스는 유료로 사용됩니다. 결국 저는 API를 사용하여 이미지를 완전히 무료로 저장하는 한 가지 방법을 찾았습니다... javascriptimgurmedusapromise 101 시리즈: 프라미스 #2: 현재 프라미스 상태를 얻고 자신만의 프라미스 큐를 만드는 방법? 더 복잡한 주제에 도달하기 전에 Promise 위에 만들 수 있는 도구와 유틸리티 기능에 대해 생각해 볼 것을 제안합니다. 이 기사에서는 현재 약속 상태를 가져오고 약속 대기열을 만드는 방법에 대해 생각해 보겠습니다. 약속 상태 확인 약속 대기열 현재 약속 상태를 얻는 방법 약속을 생성한 후에는 약속이 여전히 pending , fulfilled 또는 rejected 인지 런타임에 정보를 얻을... beginnersjavascriptpromiseprogramming JS Promise는 모나딕입니다. 예상한 방식이 아닙니다. 이들은 주로 Promise<NonPromiseType> 에 적용됩니다. 일부 속성은 중첩된 약속의 "언래핑"으로 인해 유지되지 않습니다. 함수형 프로그래밍 정의에 따라 필요한 것은 다음과 같습니다. 유형 생성자: Promise<T> for any T unit/형 변환기: Promise.resolve(value) abind/합성기: Promise#then 은 바인드(즉, unit(x) >>= ... monadpromisejavascript JavaScript에서 취소 가능한 비동기 지연 구현 최근 React 프로젝트에서 작업하는 동안 을 사용하여 검색된 API의 데이터로 일부 상태를 주기적으로 업데이트해야 했습니다. C# 배경에서 이 문제에 접근하는 방식은 다음과 같습니다. 당연히 JavaScript에서도 같은 방식으로 문제에 접근했습니다. 그것이 내가 걸림돌을 치는 곳입니다. 과 유사한 내장 기능이 없습니다. 이것은 내가 문제에 대한 내 자신의 해결책을 생각해 내야 한다는 것을... promiseasyncjavascript 각 약속 사이에 지연이 있는 연속 실행 Promise 엔터티를 업데이트하는 끝점을 호출하고 싶었고 500개의 엔터티에 대해 수행하고 싶었습니다. API 서버에는 "속도 제한"이 있었고 끝점을 병렬로 호출하고 속도 제한이 내 호출을 차단하기 때문에 Promise.all를 사용할 수 없었습니다. 그래서 끝점을 순차적으로 일괄 호출하는 스크립트를 작성하고 각 호출 전에 API 서버가 차단하지 않도록 2초를 기다리기로 했습니다. 그렇게 했더니 효과가 ... delaypromiseseriesjavascript kintone JavaScript 문자열을 연결하는 간단한 샘플을 통해 SweetAlert V2.1 및 Promise 사용법 배우기 kintone에는 표준으로 문자열 (1 행) 필드의 문자열을 연결하는 기능이 있습니다. 이 기능을 문자열(복수행)에 구현한 샘플 코드를 투고하겠습니다. 문자열을 연결하고 있는 부분은 단순히 JavaScript의 "+"를 사용하고 있을 뿐입니다만, 그 이외에 아래와 같은 구현 방법의 샘플도 되고 있습니다. Promise Promise에 대응한 SweetAlert는 에는 복수 등록이 있습니다만,... 자바스크립트SweetAlert금과promise Thenable: JavaScript 객체를 대기 친화적으로 만드는 방법과 유용한 이유 이 짧은 게시물은 모든 JavaScript 클래스 또는 객체 리터럴에 .then(onFulfilled, onRejected) 메서드를 추가하여 await 와 잘 작동하도록 할 수 있음을 상기시키기 위한 것입니다. 개체가 비동기 작업을 수행할 때 유용합니다. 흥미롭게도 JavaScript에서는 문자 그대로 모든 것이 있는 그대로 기다릴 수 있지만(예: try (await true) === tr... awaitasyncpromisejavascript 자바스크립트에서 '마침내'의 두 가지 의미 모두는 아니지만 많은 JS 개발자가 알고 있듯이 Promise를 처리하는 두 가지 구문이 있습니다. then/catch/finally : 및 try/await/catch : 비슷하게 보일 수 있고 대부분 같은 방식으로 동작하지만 두 함수는 호출될 때 완전히 다른 값을 반환합니다. 특히 runPromiseThen는 다음을 반환합니다. result 실행 중에 오류가 발생하지 않았기 때문에 the... finallypromisejavascript 펑터, 모나드, 프라미스 Promise의 then 메서드는 map과 flatMap과 같은 역할을 한다고 생각할 수 있습니다. JavaScript 배열에서 map를 사용하면 배열을 가져오고 각 요소가 완전히 변환된 완전히 새로운 배열을 얻을 수 있음을 기억하십시오. 따라서 예를 들어 숫자 배열에서 문자열 배열을 파생시키려면 함수를 제공하여 map 메서드를 호출합니다. 배열은 map 메서드를 구현하므로 배열을 펑터로 생... promisejavascript 비동기 - Promise / async & await 추가로, Promise와 async & await에 대해 각각 어떤 경우에 사용하는 것이 효율적인지 알아보고자 한다. 그 후 만일 UI를 처리하는 코드가 위 코드 블럭 다음에 위치하게 되면, 끝나는 동안 데이터가 웹 페이지에 표시되지 않기 때문에 사용자는 10초간 텅 빈 웹 페이지를 보게 될 것이다. 1) promise를 사용하는 경우 하지만 여기서, resolve와 reject를 호출하지 ... JavaScript비동기async/awaitpromiseJavaScript JS #3 :: 콜백(Callback)과 프로미스(Promise), 그리고 async/await 콜백 함수는 다른 함수의 인자에서 액세스할 수 있으며,첫 번째 함수가 완료되면 그 이후 특정 이벤트에 의해 호출되는 함수를 말한다. A callback function is a function which is: 콜백 함수는 다른 함수에 넘기거나 객체의 프로퍼티로 사용하며, 배열에 넣어서 쓸 때도 있다. 여기서 중요한 것은 콜백 함수가 실행되는 시점인데, 콜백 함수의 실행 시점은 paramet... 비동기적 프로그래밍promise초보개발자async/awaitcallbackTILTIL Async & Await - 비동기 처리의 꽃 이번 포스팅은 "Javascript - 비동기 처리" 의 마지막 개념이자 "꽃"이라고 할 수 있는 "async & await"에 관한 내용이다. callback , Promise를 거쳐 마지막 단계인 async-await으로 실제적으로 3가지 키워드가 어떻게 연결이 되는지에 대해 중점적으로 알아가고자 한다. 이러한 문제를 해결하고자, 즉 then과 그 안의 function, 그 안의 retu... JavaScriptpromisecallbackasync await비동기JavaScript 동기/비동기 처리, callback/Promise/async & await 선행 여부와 관계없이 수행할 수 있는 기능이 바로 비동기처리이다. 동기처리 : 서버에 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. 비동기처리 : 서버에 요청을 보냈을 때 응답 여부와 관계없이 다음 동작을 수행 할 수 있다. 비동기 처리는 선행 작업 완료 여부와 상관 없이 실행되는 방식인 것이다. 비동기 처리의 경우 console.log('2'); 를 출력하지 않았는데 co... asynchronouspromisesynchronouscallbackawaitasyncasync Callback - 비동기 처리의 시작 작성자 본인의 첫 velog ( 실제적 내용 관련 ) 포스팅에는 Javascript 비동기 처리의 시발점이라고 할 수 있는 callback function (콜백 함수)에 관해 얘기해보고자 한다. "first class citizen (일급 시민)" 이란 자유롭게 거주하고 일을 할 수 있고, 국가간의 출입국에 있어 자유를 가지며, 투표의 자유또한 가질 수 있는 자유 시민을 의미한다. 즉 "숫... callbackasync-awiatpromise비동기JavaScriptJavaScript [면접대비 예상꼬리질문] Promise에 대해서 알고있나요? 비동기 처리가 뭔가요? 자바스크립트에서는 어떤 비동기 처리 방식이 있나요? async/await 어떤 경우에 비동기 처리를 해야할까요? CallBack 함수가 있는 상태인데 Promise와 async/await는 왜 생겼을까요? • Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 • Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 ... ES6promiseJavaScriptES6 TIL 24. JS Promise와 async & await 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. Promise를 씀으로써 우리는 callback함수로 어떤 결과가 충족되었는지 거절되었는지에 따라서 다르게 처리할 수 있게 된다. 비동기적인 함수로부터 동기적으로 결과를 return 받을 수 있다. Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 ... TILJavaScriptpromiseasyncJavaScript TIL] JavaSript-동기/비동기, promise promise는 JavaScript에서 비동기 처리를 위해 사용하는 객체이다. 프로미스를 사용하면 비동기 프로그래밍을 동기 프로그래밍 방식으로 처리할 수 있다. promise: promise는 아래와 같은 3가지 상태를 갖는다. promise 객체에는 executor라는 callback 함수를 전달해주어야 하며, 이 함수는 resolve, reject 되었을 때 실행될 callback 함수를... TILJavaScriptasync/awaitpromiseJavaScript [JS/Node] 비동기 #2 (Promise) Promise 이전에 비동기 처리로 기본적으로 Promise 객체 생성하기 위한 간단한 코드를 아래처럼 작성할 수 있다. 그리고, Promise로 구현된 비동기 함수는 Promise 객체를 반환하며, 이로 구현된 비동기 함수를 호출하는 측에서 Promise 객체의 후속 처리 메서드(then, catch)를 통해 비동기 처리 결과 또는 에러메세지를 전달받아 처리한다. 첫번째 콜백 함수 내부에서... 코드스테이츠비동기동기promisecallbackasync/awaitasync/await
더! Promise와 잘 어울리는 스니펫 준비 잘 두드려 긴 문구는 스 니펫에 넣어두면 덥습니다. 에디터별 스니펫을 준비했습니다. 오늘부터 당신도 more Promise 라이프! Tools 메뉴 → New Snippets... promise.sublime-snippet의 이름으로 저장합니다. SublimeText (2015/11/23 추가) Visual Studio Marketplace에서 공개했으므로 쉽게 도입할 수 있습니다. Ctrl... ATOMSublimeText자바스크립트VisualStudioCodepromise JavaScript Promise에서 Movable Type Data API에서 얻은 비동기 통신 데이터 처리 Movable Type Data API에서 JSON을 가져옵니다. 취득한 데이터를, JavaScript로 가공해, 표시하고 싶다. 예를 들면, API 경유로 취득한 데이터를, 다른 함수에 인도한다고 하는 시츄에이션으로 생각해 보겠습니다. 이 코드에서는 Data API를 통해 얻은 기사 데이터를 console.log에 표시하려고합니다. 예상대로 기사 데이터를 표시 할 수 없습니다. 결과적으로 ... 자바스크립트비동기 처리MovableTypepromise Vue.js 앱으로 Cloudinary에 이미지 업로드 Vue.js를 사용한 앱 내에서 Cloudinary에 파일을 업로드하고 싶었습니다만, 공식 문서에서 꽤 좋은 것이 발견되지 않는 가운데, 공식 블로그에서 좋은 느낌의 기사가 있었으므로 소개하겠습니다. 그래서이 게시물은 Vue.js를 사용하는 웹 응용 프로그램에서 에 이미지 파일을 업로드하는 방법을 작성합니다. 실제 공식 블로그 그대로의 코드라면, Vue.js의 에러가 나오기 때문에, 약간 수... Vue.js자바스크립트axioscloudinarypromise kintone에서 동적이고 처리 순서가 보장되는 Promise 객체를 생성하고 싶습니다. 나는 아직도 Promise를 동적으로 생성하여 데이터 처리하고 싶은 경우의 처리에 대해 간단히 정리해 보았습니다. 앱 A에서 해당 데이터를 1000 건 가져와 앱 B에 추가하고 싶습니다 POST API를 사용하고 싶지만 사양상 100건씩 정리해 처리하고 싶다 처음 100건 추가… Promise.then() 로 순차 처리할 수 있는 것은 알지만, 데이터 건수는 부정. 어쨌든 동적으로 Promi... 자바스크립트금과promise Imgur API를 사용하여 메두사 이미지 업로드 은 매우 강력하고 유용하며 오픈 소스이며 쉽게 수정할 수 있는 전자 상거래 프로젝트입니다. 그러나 기본적으로 제품 사진을 저장할 수 있는 어떠한 종류의 무료 온라인 공간도 제공하지 않습니다. 공식 문서에는 및 을 사용하여 업로드한 제품 이미지를 넣는 방법이 설명되어 있지만 해당 서비스는 유료로 사용됩니다. 결국 저는 API를 사용하여 이미지를 완전히 무료로 저장하는 한 가지 방법을 찾았습니다... javascriptimgurmedusapromise 101 시리즈: 프라미스 #2: 현재 프라미스 상태를 얻고 자신만의 프라미스 큐를 만드는 방법? 더 복잡한 주제에 도달하기 전에 Promise 위에 만들 수 있는 도구와 유틸리티 기능에 대해 생각해 볼 것을 제안합니다. 이 기사에서는 현재 약속 상태를 가져오고 약속 대기열을 만드는 방법에 대해 생각해 보겠습니다. 약속 상태 확인 약속 대기열 현재 약속 상태를 얻는 방법 약속을 생성한 후에는 약속이 여전히 pending , fulfilled 또는 rejected 인지 런타임에 정보를 얻을... beginnersjavascriptpromiseprogramming JS Promise는 모나딕입니다. 예상한 방식이 아닙니다. 이들은 주로 Promise<NonPromiseType> 에 적용됩니다. 일부 속성은 중첩된 약속의 "언래핑"으로 인해 유지되지 않습니다. 함수형 프로그래밍 정의에 따라 필요한 것은 다음과 같습니다. 유형 생성자: Promise<T> for any T unit/형 변환기: Promise.resolve(value) abind/합성기: Promise#then 은 바인드(즉, unit(x) >>= ... monadpromisejavascript JavaScript에서 취소 가능한 비동기 지연 구현 최근 React 프로젝트에서 작업하는 동안 을 사용하여 검색된 API의 데이터로 일부 상태를 주기적으로 업데이트해야 했습니다. C# 배경에서 이 문제에 접근하는 방식은 다음과 같습니다. 당연히 JavaScript에서도 같은 방식으로 문제에 접근했습니다. 그것이 내가 걸림돌을 치는 곳입니다. 과 유사한 내장 기능이 없습니다. 이것은 내가 문제에 대한 내 자신의 해결책을 생각해 내야 한다는 것을... promiseasyncjavascript 각 약속 사이에 지연이 있는 연속 실행 Promise 엔터티를 업데이트하는 끝점을 호출하고 싶었고 500개의 엔터티에 대해 수행하고 싶었습니다. API 서버에는 "속도 제한"이 있었고 끝점을 병렬로 호출하고 속도 제한이 내 호출을 차단하기 때문에 Promise.all를 사용할 수 없었습니다. 그래서 끝점을 순차적으로 일괄 호출하는 스크립트를 작성하고 각 호출 전에 API 서버가 차단하지 않도록 2초를 기다리기로 했습니다. 그렇게 했더니 효과가 ... delaypromiseseriesjavascript kintone JavaScript 문자열을 연결하는 간단한 샘플을 통해 SweetAlert V2.1 및 Promise 사용법 배우기 kintone에는 표준으로 문자열 (1 행) 필드의 문자열을 연결하는 기능이 있습니다. 이 기능을 문자열(복수행)에 구현한 샘플 코드를 투고하겠습니다. 문자열을 연결하고 있는 부분은 단순히 JavaScript의 "+"를 사용하고 있을 뿐입니다만, 그 이외에 아래와 같은 구현 방법의 샘플도 되고 있습니다. Promise Promise에 대응한 SweetAlert는 에는 복수 등록이 있습니다만,... 자바스크립트SweetAlert금과promise Thenable: JavaScript 객체를 대기 친화적으로 만드는 방법과 유용한 이유 이 짧은 게시물은 모든 JavaScript 클래스 또는 객체 리터럴에 .then(onFulfilled, onRejected) 메서드를 추가하여 await 와 잘 작동하도록 할 수 있음을 상기시키기 위한 것입니다. 개체가 비동기 작업을 수행할 때 유용합니다. 흥미롭게도 JavaScript에서는 문자 그대로 모든 것이 있는 그대로 기다릴 수 있지만(예: try (await true) === tr... awaitasyncpromisejavascript 자바스크립트에서 '마침내'의 두 가지 의미 모두는 아니지만 많은 JS 개발자가 알고 있듯이 Promise를 처리하는 두 가지 구문이 있습니다. then/catch/finally : 및 try/await/catch : 비슷하게 보일 수 있고 대부분 같은 방식으로 동작하지만 두 함수는 호출될 때 완전히 다른 값을 반환합니다. 특히 runPromiseThen는 다음을 반환합니다. result 실행 중에 오류가 발생하지 않았기 때문에 the... finallypromisejavascript 펑터, 모나드, 프라미스 Promise의 then 메서드는 map과 flatMap과 같은 역할을 한다고 생각할 수 있습니다. JavaScript 배열에서 map를 사용하면 배열을 가져오고 각 요소가 완전히 변환된 완전히 새로운 배열을 얻을 수 있음을 기억하십시오. 따라서 예를 들어 숫자 배열에서 문자열 배열을 파생시키려면 함수를 제공하여 map 메서드를 호출합니다. 배열은 map 메서드를 구현하므로 배열을 펑터로 생... promisejavascript 비동기 - Promise / async & await 추가로, Promise와 async & await에 대해 각각 어떤 경우에 사용하는 것이 효율적인지 알아보고자 한다. 그 후 만일 UI를 처리하는 코드가 위 코드 블럭 다음에 위치하게 되면, 끝나는 동안 데이터가 웹 페이지에 표시되지 않기 때문에 사용자는 10초간 텅 빈 웹 페이지를 보게 될 것이다. 1) promise를 사용하는 경우 하지만 여기서, resolve와 reject를 호출하지 ... JavaScript비동기async/awaitpromiseJavaScript JS #3 :: 콜백(Callback)과 프로미스(Promise), 그리고 async/await 콜백 함수는 다른 함수의 인자에서 액세스할 수 있으며,첫 번째 함수가 완료되면 그 이후 특정 이벤트에 의해 호출되는 함수를 말한다. A callback function is a function which is: 콜백 함수는 다른 함수에 넘기거나 객체의 프로퍼티로 사용하며, 배열에 넣어서 쓸 때도 있다. 여기서 중요한 것은 콜백 함수가 실행되는 시점인데, 콜백 함수의 실행 시점은 paramet... 비동기적 프로그래밍promise초보개발자async/awaitcallbackTILTIL Async & Await - 비동기 처리의 꽃 이번 포스팅은 "Javascript - 비동기 처리" 의 마지막 개념이자 "꽃"이라고 할 수 있는 "async & await"에 관한 내용이다. callback , Promise를 거쳐 마지막 단계인 async-await으로 실제적으로 3가지 키워드가 어떻게 연결이 되는지에 대해 중점적으로 알아가고자 한다. 이러한 문제를 해결하고자, 즉 then과 그 안의 function, 그 안의 retu... JavaScriptpromisecallbackasync await비동기JavaScript 동기/비동기 처리, callback/Promise/async & await 선행 여부와 관계없이 수행할 수 있는 기능이 바로 비동기처리이다. 동기처리 : 서버에 요청을 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다. 비동기처리 : 서버에 요청을 보냈을 때 응답 여부와 관계없이 다음 동작을 수행 할 수 있다. 비동기 처리는 선행 작업 완료 여부와 상관 없이 실행되는 방식인 것이다. 비동기 처리의 경우 console.log('2'); 를 출력하지 않았는데 co... asynchronouspromisesynchronouscallbackawaitasyncasync Callback - 비동기 처리의 시작 작성자 본인의 첫 velog ( 실제적 내용 관련 ) 포스팅에는 Javascript 비동기 처리의 시발점이라고 할 수 있는 callback function (콜백 함수)에 관해 얘기해보고자 한다. "first class citizen (일급 시민)" 이란 자유롭게 거주하고 일을 할 수 있고, 국가간의 출입국에 있어 자유를 가지며, 투표의 자유또한 가질 수 있는 자유 시민을 의미한다. 즉 "숫... callbackasync-awiatpromise비동기JavaScriptJavaScript [면접대비 예상꼬리질문] Promise에 대해서 알고있나요? 비동기 처리가 뭔가요? 자바스크립트에서는 어떤 비동기 처리 방식이 있나요? async/await 어떤 경우에 비동기 처리를 해야할까요? CallBack 함수가 있는 상태인데 Promise와 async/await는 왜 생겼을까요? • Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 • Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 ... ES6promiseJavaScriptES6 TIL 24. JS Promise와 async & await 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다. Promise를 씀으로써 우리는 callback함수로 어떤 결과가 충족되었는지 거절되었는지에 따라서 다르게 처리할 수 있게 된다. 비동기적인 함수로부터 동기적으로 결과를 return 받을 수 있다. Pending(대기) : 비동기 처리 로직이 아직 완료되지 않은 상태 Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 ... TILJavaScriptpromiseasyncJavaScript TIL] JavaSript-동기/비동기, promise promise는 JavaScript에서 비동기 처리를 위해 사용하는 객체이다. 프로미스를 사용하면 비동기 프로그래밍을 동기 프로그래밍 방식으로 처리할 수 있다. promise: promise는 아래와 같은 3가지 상태를 갖는다. promise 객체에는 executor라는 callback 함수를 전달해주어야 하며, 이 함수는 resolve, reject 되었을 때 실행될 callback 함수를... TILJavaScriptasync/awaitpromiseJavaScript [JS/Node] 비동기 #2 (Promise) Promise 이전에 비동기 처리로 기본적으로 Promise 객체 생성하기 위한 간단한 코드를 아래처럼 작성할 수 있다. 그리고, Promise로 구현된 비동기 함수는 Promise 객체를 반환하며, 이로 구현된 비동기 함수를 호출하는 측에서 Promise 객체의 후속 처리 메서드(then, catch)를 통해 비동기 처리 결과 또는 에러메세지를 전달받아 처리한다. 첫번째 콜백 함수 내부에서... 코드스테이츠비동기동기promisecallbackasync/awaitasync/await