Q1: Promise rejection이란 무엇인가요?
A1: Promise rejection은 비동기 작업이 실패하거나 에러가 발생했을 때, 프로미스가 거부(rejected) 상태가 되는 것을 의미합니다. 예를 들어, 네트워크 요청 실패, 예외 발생 등이 이에 해당합니다.
Q2: 왜 Promise rejection 처리가 중요한가요?
A2: 처리되지 않은 Promise rejection은 프로그램의 예측 불가능한 동작, 에러 누락, 심지어 프로세스가 비정상 종료되는 원인이 될 수 있습니다. 따라서 적절한 에러 처리는 안정적인 비동기 로직 구현에 필수입니다.
Q3: Promise rejection을 처리하는 기본적인 방법은 무엇인가요?
A3:
- `catch()` 메서드를 사용해 Promise가 거부됐을 때 에러를 처리합니다.
```js
someAsyncFunction()
.then(result => { /* 성공 처리 */ })
.catch(error => { /* 에러 처리 */ });
```
- 또는 `then()`의 두 번째 콜백으로 거부를 처리할 수도 있습니다.
```js
someAsyncFunction()
.then(
result => { /* 성공 처리 */ },
error => { /* 에러 처리 */ }
);
```
Q4: async/await 구문에서 Promise rejection을 어떻게 처리하나요?
A4: `async` 함수 내에서 `await`를 사용할 때 에러가 발생하면 예외가 throw되므로, `try...catch` 블록으로 에러를 잡아 처리합니다.
```js
async function example() {
try {
const result = await someAsyncFunction();
// 성공 처리
} catch (error) {
// 에러 처리
}
}
```
Q5: 만약 Promise rejection을 전역적으로 처리하고 싶다면 어떻게 하나요?
A5: 노드.js에서는 `process.on('unhandledRejection', handler)` 이벤트 리스너를 등록해 모든 처리되지 않은 Promise 거부를 감지할 수 있습니다.
브라우저에서는 `window.addEventListener('unhandledrejection', handler)`를 통해 유사한 기능을 제공합니다.
이를 통해 로그 기록, 사용자 알림, 혹은 프로세스 안전 종료 등이 가능합니다.
Q6: catch 처리 누락 시 생기는 문제는 무엇인가요?
A6: 처리되지 않은 Promise rejection은 콘솔에 경고 메시지가 출력되거나 코드가 비정상 종료될 수 있습니다. 또한 에러 추적이 어려워 디버깅이 힘들어집니다.
Q7: Promise rejection을 적절히 처리하는 팁이 있나요?
A7:
- 항상 Promise 체인 끝에 `catch()`를 둡니다.
- async/await 코드에는 `try...catch`를 적용합니다.
- 전역 이벤트 핸들러를 통해 놓친 에러를 감지합니다.
- 가능한 에러 메시지를 구체적이고 의미 있게 작성하여 디버깅에 도움을 줍니다.
- 라이브러리나 API 문서를 참고해 어떤 경우에 rejection이 발생하는지 확인합니다.
Q8: Promise rejection과 예외 throw의 차이는 무엇인가요?
A8: Promise rejection은 비동기 작업 내에서 발생하는 실패를 나타내는 상태이며, 예외 throw는 동기 코드 또는 async 함수 내에서 발생하는 직접적인 예외입니다. async 함수에서 throw된 예외는 암묵적으로 Promise rejection으로 처리됩니다.
---
이처럼 Promise rejection을 적절히 처리하는 것은 안정적인 비동기 프로그래밍에 필수적입니다.
비동기 프로그래밍에서 'promise rejection'을 처리하는 방법은 JavaScript와 같은 언어에서 매우 중요한 주제입니다. Promise는 비동기 작업의 결과를 나타내는 객체로, 성공적으로 완료되면 resolve되고, 실패하면 reject됩니다. Promise의 reject 상태는 오류가 발생했음을 나타내며, 이를 적절히 처리하지 않으면 애플리케이션의 안정성과 사용자 경험에 <a href='https://sangseek.com/sangseeks/부정적인 영향/ko'>부정적인 영향</a>을 미칠 수 있습니다. 아래에서는 Promise rejection을 처리하는 다양한 방법에 대해 자세히 설명하겠습니다. 1. `.catch()` 메서드 사용하기 Promise 객체는 `.catch()` 메서드를 제공하여 reject 상태를 처리할 수 있습니다. 이 메서드는 Promise가 reject될 때 호출되는 콜백 함수를 등록합니다. ```javascript const myPromise = new Promise((resolve, reject) => { // 비동기 작업 const success = false; // 성공 여부 if (success) { resolve("작업 성공"); } else { reject("작업 실패"); } }); myPromise .then(result => { console.log(result); }) .catch(error => { console.error("에러 발생:", error); }); ``` 위 예제에서 `myPromise`가 reject되면 `.catch()` 블록이 실행되어 에러 메시지를 출력합니다. 2. `<a href='https://sangseek.com/sangseeks/try...catch/ko'>try...catch</a>` 문과 `async/await` 사용하기 ES2017(ES8)에서 도입된 `async/await` 구문을 사용하면 비동기 코드를 동기적으로 작성할 수 있습니다. 이 방법은 Promise의 reject를 처리할 때 더 직관적입니다. ```javascript const myAsyncFunction = async () => { try { const result = await myPromise; // Promise가 resolve되기를 기다림 console.log(result); } catch (error) { console.error("에러 발생:", error); } }; myAsyncFunction(); ``` `await` 키워드는 Promise가 resolve될 때까지 기다리며, reject될 경우 `catch` 블록에서 에러를 처리합니다. 3. 전역 에러 <a href='https://sangseek.com/sangseeks/핸들링/ko'>핸들링</a> Promise rejection을 전역적으로 처리할 수 있는 방법도 있습니다. Node.js와 브라우저 환경 모두에서 전역 <a href='https://sangseek.com/sangseeks/이벤트 리스너/ko'>이벤트 리스너</a>를 사용하여 처리할 수 있습니다. Node.js에서의 처리 Node.js에서는 `unhandledRejection` 이벤트를 사용하여 처리할 수 있습니다. ```javascript process.on('unhandledRejection', (reason, promise) => { console.error('처리되지 않은 Promise 거부:', reason); }); ``` 브라우저에서의 처리 브라우저에서는 `window` 객체에 `unhandledrejection` 이벤트를 추가하여 처리할 수 있습니다. ```javascript window.<a href='https://sangseek.com/sangseeks/addEventListener/ko'>addEventListener</a>('unhandledrejection', event => { console.error('처리되지 않은 Promise 거부:', event.reason); }); ``` 이러한 전역 핸들러는 Promise가 reject되었지만 `.catch()` 또는 `try...catch`로 처리되지 않은 경우에 유용합니다. 그러나 이 방법은 최후의 수단으로 사용하는 것이 좋으며, 가능한 한 개별 Promise에서 reject를 처리하는 것이 바람직합니다. 4. <a href='https://sangseek.com/sangseeks/Promise.all/ko'>Promise.all</a>()과 Promise.allSettled() 사용하기 여러 개의 Promise를 동시에 처리할 때 `Promise.all()`과 `Promise.allSettled()`를 사용할 수 있습니다. 이 두 메서드는 Promise의 배열을 처리하는 데 유용합니다. - Promise.all() : 모든 Promise가 성공적으로 resolve될 때까지 기다리며, 하나라도 reject되면 전체가 reject됩니다. ```javascript const promise1 = Promise.resolve(3); const promise2 = Promise.reject("오류 발생"); const promise3 = Promise.resolve(42); Promise.all([promise1, promise2, promise3]) .then(values => { console.log(values); }) .catch(error => { console.error("에러 발생:", error); // "오류 발생" }); ``` - Promise.allSettled() : 모든 Promise의 결과를 기다리며, 각 Promise의 상태를 포함하는 객체 배열을 반환합니다. reject된 Promise도 포함됩니다. ```javascript Promise.allSettled([promise1, promise2, promise3]) .then(results => { results.<a href='https://sangseek.com/sangseeks/forEach/ko'>forEach</a>((result) => { if (result.status === 'fulfilled') { console.log('성공:', result.value); } else { console.error('실패:', result.reason); } }); }); ``` 결론 Promise rejection을 처리하는 것은 비동기 프로그래밍에서 매우 중요합니다. 적절한 에러 처리는 애플리케이션의 안정성을 높이고, 사용자에게 더 나은 경험을 제공합니다. `.catch()` 메서드, `async/await` 구문, 전역 에러 핸들링, 그리고 여러 Promise를 동시에 처리하는 메서드들을 적절히 활용하여 Promise rejection을 효과적으로 관리할 수 있습니다. 이러한 방법들을 통해 비동기 작업에서 발생할 수 있는 오류를 안전하게 처리하고, 애플리케이션의 신뢰성을 높일 수 있습니다.
