본문 바로가기
IT/JavaScript와 Framework

Promise, Code Runner

by 골든크랩 2022. 9. 20.
728x90
반응형

비동기 작업을 편하게 작업

- 이전  : 콜백함수로 처리...콜백이 많아지면, 코드가 난잡해짐

 

개발툴 : Visual Studio Code

추천 플러그인 : Code Runner

사용법            : 소스 파일에서 오른쪽 버튼 누르고...Run Code 선택

function increaseAndPrint(n, callback) {
    setTimeout(() => {
        const increase = n + 1;
        console.log(increase);

        if (callback) {
            callback(increase);
        }
    }, 1000)
}

increaseAndPrint(0, n => {
    increaseAndPrint(n, n => {
        increaseAndPrint(n, n => {
            increaseAndPrint(n, n => {
                increaseAndPrint(n, n => {
                    console.log("작업 끝");

                })
            })
        })
    });
});

(콜백지옥 예제)

 

Promise 사용예

---미완

 

 

 

 

 

 

728x90
반응형

댓글