Promise

프로미스ES6부터 도입된 비동기 처리를 위한 패턴전통적인 콜백 패턴이 가진 단점을 보완하여 비동기 처리 시점을 명확하게 표현할 수 있다는 장점을 가짐  비동기 처리를 위한 콜백 패턴의 단점const get = url => { const xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.send(); xhr.onload = () => { if(xhr.status == 200) { console.log(JSON.parse(xhr.response)); } else { console.error(`${xhr.status} ${xhr.statusText}`)}; } }}ge..

동기와 비동기 동기 : 순차적으로 코드가 실행됨 비동기 : 순차적으로 코드가 실행되지 않음 Promise : 자바스크립트에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 객체 resolve 키워드를 사용해 실행 순서를 보장 const a () => { //인자로 콜백함수를 받지 않아도 됨 return new Promise(resolve=> { setTimeout(() => { console.log(1) resolve() //실행 순서 보장 },1000) }) } a().then(()=>{ b() }) 대기 pending : 초기 상태 이행 fulfilled : 작업이 성공적으로 안료된 상태를 의미. then을 통해 결과값 반환 가능 거부 rejected : 작업이 실패했음을 의미, catch로 ..