Promise

JavaScript

JS | Promise 의 3가지 상태

Promise 프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용한다. 일반적으로 웹 애플리케이션을 구동할 때 API를 사용하여 서버에 데이터를 요청하고 받아온 데이터를 사용하여 화면을 출력하는데, 데이터를 다 받아오기 전에 화면에 데이터를 표시하려고 하면 빈 화면이나 오류가 발생하는데 이를 해결하기 위한 방법 중 하나가 프로미스이다. Promise 예제 코드 function getData(callback) { // new Promise() 추가 return new Promise(function(resolve, reject) { $.get('url 주소/products/1', function(response) { // 데이터를 받으면 resolve() 호출 resolve(res..

JavaScript

JS | async 와 await

promise들을 여러가지고 chaining을 할 수 있다. promise.. then.. promise.. then.. async 와 always를 사용하면 동기식으로 코드를 순서대로 작동하는 것처럼 간편하게 작성 할 수 있다. 기존에 존재하는 promise 위에 간편하게 api를 제공한다. syntatic sugar 기존에 존재하는 거 위에 기존에 존재하는 것을 감싸서 더욱 간편하게 사용할 수 있는 api를 제공하는 것을 syntatic sugar 라고 한다. class 또한 prototype을 base로 그 위에 살짝 덧붙여진 syntatic sugar이다. async & await 깔금하게 promise를 사용할 수 있는 방법 무조건 promise를 async와 await으로 대체해서 사용해야하는..

JavaScript

JS | Promise ( Producer, Consumer)

Promise promise는 javascript에 내장되어 있는 object로 asynchronous operation을 위해 사용된다. 비동기적은 것을 실행할 때 callback 함수 대신 유용하게 쓰일 수 있는 object이다. Promise의 2가지 핵심포인트 state: process가 무거운 operaton을 수행하고 있는지 중인지 아니면 기능 수행이 완료되어 성공했는지 실패했는지 상태에 대해 이해하는 것이 중요하다. ① pending : promise가 만들어져서 지정한 operation이 수행 중일 때 ② fullfilled : operaion을 성공적으로 모두 끝내었을 때 ③ rejected: file을 찾을 수 없거나 network에 문제가 생겼을 때 producer와 consumer의..

3jun
'Promise' 태그의 글 목록