2024/08/14 2

(CallBack)콜백 함수의 콜백 지옥과 비동기 제어

콜백 지옥이란 간단하게 말해서 남을 고려하지 않은 코드를 작성한 겁니다.즉, 그저 내가 표현하고 싶은 것을 위해 콜백을 이어붙여 가독성, 유지보수를 최악으로 만드는 것을 뜻합니다. 그렇다면, 콜백 지옥을 해결하기 위한 비동기 제어에 대해서 알아보겠습니다.비동기(asynchronous)란, 실행 중인 코드의 여부와 무관하게 즉시 다음 코드로 넘어가는 방식으로 setTimeout, addEventListener 등이 있습니다.또한, 별도의 요청, 실행 대기, 보류 등과 관련된 코드는 모두 비동기적 코드입니다. 동기(synchronous)란, 현재 실행중인 코드가 끝나야 다음 코드를 실행하는 방식을 말합니다. 비동기의 간단한 이해를 돕기 위해 예시를 들겠습니다.// 비동기적 코드의 이해!setTimeout(f..

JavaScript 2024.08.14

(CallBack)콜백 함수

1. CallBack 함수란 다른 코드의 인자로 넘겨주는 함수입니다.다른 코드의 인자로 넘겨준다는 뜻은 콜백함수를 넘겨받는 코드가 있다는 얘기로 대표적으로 forEach, setTimeout 등이 있습니다.예시로 밑을 보시면 되겠습니다.setTimeout(function() {    console.log("hello");}, 1000); const numbers = [1, 2, 3, 4, 5];numbers.forEach(function(number) {    console.log(number);}); 2. CallBack 함수는 action에 대한 제어권을 넘겨줄테니 너가 알고 있는 그 Logic으로 처리를 해달라는 뜻입니다.그럼 여기서 제어권에 대한 이야기를 해야겠죠?CallBack 함수는 어떤 제어..

JavaScript 2024.08.14