[TIL]21.06.22

👨‍💻 오늘 공부한 것

동기
: 순차적으로 일을 처리하는 방식
비동기
: 유두리 있게 일을 멀티태스킹하며 처리하는 방식

Promise란 API가 생겨난 이유
: 콜백지옥때문..

현재 setTimeout으로 비동기를 의도적으로 구현함만 공부한 터라 비동기를 정확히 어떻게 써야 효율적일지 몰라 제대로된 예제가 아니지만 이렇듯 여러개의 함수를 사용하며 이런식으로 코드를 구현하게 되면 가독성이 굉장히 떨어지므로 생겨난 것이 Promise이다.

const fetchNumber = new Promise((resolve, reject) => {
    setTimeout(() => resolve(1), 1000);
})

fetchNumber
    .then(num => num * 2)
    .then(num => num * 3)
    .then(num => {
        return new Promise((resolve, reject) => {
            setTimeout(() => resolve(num - 1), 1000);
        })
    })
    .then(num => console.log(num));

또한 그러한 Promise를 더 간편하게 쓰는 키워드인 async, await 키워드도 알아봤다.