인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

박성민님의 프로필 이미지

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

2.14) 비동기 작업 처리하기 3. Async&Await

async&await에서 reject시 처리 방법이 궁금합니다.

해결된 질문

작성

·

68

0

채찍피티에게 물어보니 try/catch로 처리하라고 하는데 이게 최선일까요..?

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

네 try-catch로 처리하시면 됩니다. 코드 예제는 아래 AI 인턴의 답변을 참고하시면 좋겠습니다 😃

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 박성민님.

async/await 구문에서 비동기 작업의 실패(에러)를 처리하기 위해 try/catch 블록을 사용하는 것이 일반적으로 최선의 방법입니다. try/catch 블록은 비동기 작업이 성공하면 try 내부의 코드를 실행하고, 실패하면 catch 블록에서 에러를 처리하게 됩니다. 이런 방식은 thencatch를 체이닝하는 방식보다 코드가 더 간결하고 읽기 쉬워 가독성을 높이는 데 유리합니다.

예를 들어, 다음과 같은 getUser 함수가 있다고 가정해볼까요:

const getUser = async () => {
  try {
    const response = await fetch('https://api.example.com/user');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error fetching user:', error);
  }
};

위의 예시에서 try 블록은 fetch를 사용하여 데이터를 가져오고, 만약 HTTP 응답이 정상 응답이 아니면 Error를 발생시킵니다. 에러가 발생하면 catch 블록에서 그에 대한 로그를 기록합니다.

이미지나 데이터가 필요하신 경우, 다음과 같은 기존 질문 및 답변을 참고해 보세요:
- fetch 질문 - async/await와 try/catch 사용에 대한 논의가 포함된 게시물입니다.

현재 질문에 대한 가장 일반적인 방법을 안내드렸습니다만, 더 나은 방법에 대한 탐색은 계속해서 이루어질 수 있고, 상황에 맞는 최선의 방법은 다를 수 있습니다. 개발 환경이나 프로젝트 요구에 따라 에러 처리 전략은 조정될 수 있습니다. 필요하시다면 추가적인 정보와 상황을 공유해 주시면 더 구체적인 안내를 드릴 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.