불타는 키보드

Promise 의 상태 1. pending - 작업이 수행중, 즉 작업을 끝마치지 않은 상태 2. fulfilled - 작업을 성공적으로 마친 상태 3. rejected - 작업에 오류가 발생한 상태 Producer, Consumer Producer(resolve, reject) 원하는 기능을 수행하여 데이터를 생성합니다. const promise = new Promise((resolve, reject) => { resolve('successful message'); reject(new Error('failed message')); }) Comsumer(then, catch, finally) 데이터를 요구, 사용합니다. promise.then((value) => { console.log(value); }..

언어/Javascript + Typescript 2020. 7. 14. 21:33

Promise란? Promise는 우리가 콜백헬에서 허우적거릴 상황을 최소한으로 만들어줍니다. 비동기처리의 결과를 보여주는 객체형식이며 Promise의 P는 항상 대문자로, 생성자라는 걸 의미합니다. 콜백헬이 뭔가요? 아래 예시를 보면 쉽게 이해가 가실 겁니다. 예시1 예시2 위와 같은 코드는 프로세스의 성능 저하라는 단점이 있지만, 무엇보다도 본인에게도 해롭고, 코드를 공유할 동료들에게는 100배로 해롭습니다! Promise의 resolve, reject Promise로 새로운 콜백함수를 만든다면 인자는 resolve, reject가 들어옵니다. new Object를 만들던 것과 같이 Promise도 생성자이기 때문에 new Promise라는 문구를 사용합니다. Promise 사용 연습을 위해 아이디 ..

언어/Javascript + Typescript 2020. 7. 10. 03:28