JavaScript 비동기 처리와 Promises

 

👋 안녕하세요! 오늘은 JavaScript에서 중요한 주제인 '비동기 처리'와 'Promises'에 대해 알아보려고 합니다. 초보자들도 이해할 수 있도록 최대한 쉽게 설명해 볼게요!

💡 JavaScript의 비동기 처리란 무엇일까요?

JavaScript에서 함수를 실행할 때, 어떤 함수는 즉시 실행되지 않고 나중에 실행되기도 합니다. 이런 방식을 '비동기 처리'라고 해요. 비동기 처리를 통해 JavaScript는 여러가지 작업을 동시에 처리할 수 있어요.

// 예시 코드
console.log('Hello');  // 1
setTimeout(function() {
  console.log('World');  // 3
}, 2000);
console.log('JavaScript');  // 2

위 코드에서 'Hello'와 'JavaScript'는 즉시 출력되지만, 'World'는 2초 뒤에 출력되죠. 이것이 JavaScript의 비동기 처리의 예입니다.

🔗 Promises란 무엇일까요?

Promises는 JavaScript에서 비동기 처리를 더 쉽게 할 수 있도록 도와주는 객체에요. Promise는 '대기', '이행', '거부'의 세 가지 상태를 가집니다.

// 예시 코드
let promise = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('Promise is resolved!');  // Promise가 '이행' 상태가 됩니다.
  }, 2000);
});

promise.then(function(value) {
  console.log(value);  // 'Promise is resolved!'가 출력됩니다.
});

위 코드에서 Promise는 2초 후에 '이행' 상태가 되고, 'Promise is resolved!'라는 메시지를 출력합니다.

---

오늘은 JavaScript의 비동기 처리와 Promises에 대해 알아보았습니다. 비동기 처리는 JavaScript에서 중요한 개념이므로, 잘 이해해두면 많은 도움이 될 거에요.

🔑 Key point: JavaScript의 비동기 처리는 여러 작업을 동시에 처리할 수 있도록 도와주며, Promises는 비동기 처리를 더 쉽게 할 수 있도록 도와주는 객체입니다.

📌 다음 글 예고: JavaScript에서 Callback 함수 사용하기