SUE 개발 블로그

콜백 지옥은 위와 같이 연속되는 비동기 함수들을 처리할 때 비동기 함수들의 결과 값을 사용하기 위해서 콜백이 계속 깊어지는 현상을 뜻한다. 이 콜백 함수를 해결할 수 있는 자바스크립트의 Promise 객체에 대해 알아보자. 자바스크립트의 비동기를 돕는 객체. Promise 객체를 이용하면 비동기 처리의 결과 값을 핸들링하는 코드를 비동기 함수로 부터 분리할 수 있다. 더 이상 비동기 처리 함수에 콜백을 줄지어 전달할 필요가 없어 쉽고 빠르고 직관적으로 비동기 처리를 만들 수 있다. 비동기로 동작하는 작업이 가질 수 있는 상태에 대해 미리 알아보자. Pending ( 대기상태 ) 대기상태로 현재 비동기 작업이 진행 중이거나 작업이 시작되지 않는 문제 발생 의미 Fulfilled ( 성공 ) 이행 또는 성공..

순서대로 실행하는 것(동기)과 그렇지 않은 것(비동기) 들 자바스크립트 엔진이 동작하는 원리를 파악해보자. 우리가 만약 세가지의 작업을 다 해야하는 상황. 각각의 작업은 TASK A, B, C 함수로 만들어 놓고 이 작업을 모두 순서에 상관없이 해야한다면? 프로그래밍된 코드를 계산해서 실행시키는 연산과정을 진행하는 일꾼을 쓰레드라고 한다. 이 과정은 코드 한줄 한줄마다 진행되며 스레드는 코드를 한줄 한줄 실행시켜주는 친구라고 생각하면된다. taskA를 작업하고 있다면 taskB를 작업하지 않고 A가 끝나야 B작업으로 넘어갈 수 있다. 이렇게 지시한 순서대로 작업하면서 앞에 작업이 끝나기를 기다렸다가 뒤에 작업을 하는 것을 동기적 방식이라고 한다. 그리고 스레드에서 작업 하나가 수행 중일 때 다른 작업을 ..

콜백 함수란 ? 어떤 다른 함수에 매개변수로 함수를 넘겨준 것을 뜻한다. 기분에 따라서 다른 행동을 하는 프로그램으로 예시를 들어보자. function checkMood(mood, goodCallback, badCallback) { if (mood === "good") { // 기분 좋을 때 하는 동작 goodCallback(); } else { // 기분 안 좋을 때 하는 동작 badCallback(); } } function cry() { console.log("ACTION :: CRY"); } function sing() { console.log("ACTION :: SING"); } checkMood("sad", sing, cry); badCallback에 cry라는 함수가 값으로써 들어왔다 -> ..