강의 12: 자바스크립트 비동기 프로그래밍

개념 설명:

콜백 함수와 프로미스: 자바스크립트에서 비동기 프로그래밍은 코드가 순차적으로 실행되지 않고, 특정 이벤트나 조건에 의해 실행되는 것을 의미합니다. 콜백 함수와 프로미스는 비동기 작업을 처리하는 두 가지 주요 방법입니다. 콜백 함수는 특정 작업이 완료되면 실행되는 함수이며, 프로미스는 비동기 작업의 성공 또는 실패를 처리하는 객체입니다.
비동기 코드 관리: 비동기 코드는 순차적인 코드 흐름을 방해하지 않고 여러 작업을 동시에 처리할 수 있도록 합니다. 이를 관리하기 위해 콜백 패턴, 프로미스, async/await 등의 도구와 기법을 사용합니다.

 

예제 코드:
아래는 콜백 함수와 프로미스를 사용한 비동기 코드의 예제입니다.

// 콜백 함수 예제
function fetchData(callback) {
  setTimeout(function() {
    callback("데이터 받아옴");
  }, 1000);
}

function process(data) {
  console.log(`데이터 처리: ${data}`);
}

fetchData(process); // "데이터 받아옴" 출력

// 프로미스 예제
function fetchDataPromise() {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      resolve("데이터 받아옴");
    }, 1000);
  });
}

fetchDataPromise()
  .then(function(data) {
    console.log(`데이터 처리: ${data}`);
  })
  .catch(function(error) {
    console.error(`에러 발생: ${error}`);
  });

전문용어 상세 설명:
콜백 함수 (Callback Function): 비동기 작업이 완료되면 호출되는 함수로, 주로 비동기 작업 결과를 처리합니다.
프로미스 (Promise): 비동기 작업의 성공 또는 실패를 처리하기 위한 객체로, 비동기 작업을 더 쉽게 관리할 수 있도록 합니다.
비동기 코드 관리 (Managing Asynchronous Code): 비동기 작업의 순서와 결과를 제어하기 위해 사용되는 기술과 패턴을 의미합니다. 이를 통해 코드의 가독성과 유지보수성을 향상시킵니다.