inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

해결된 질문

213

박성민

작성한 질문수 1

0

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

javascript react node.js

답변 2

0

이정환 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 사용에 대한 논의가 포함된 게시물입니다.

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

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

Editor Component의 최적화 불가능 이슈

0

40

2

useCallback ⊂ useMemo

0

38

2

라이브러리 설치 질문

0

35

2

linter 질문

0

42

2

감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유

0

43

2

Sort 메서드 관련 아티클

0

44

2

4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.

0

46

2

html, body에 적용하는 css 스타일 질문입니다.

0

42

2

eslint.config.js 설정 질문입니다.

0

95

2

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

70

1

교재(3쇄)와 강의 내용 문의

0

71

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

94

2

에러 질문드립니다

0

111

2

VSCode 설정 문의

0

145

2

PPT 코드 관련 질문

0

68

2

useEffect와 lifecycle문의

0

93

2

프론트엔드 학습 수준 문의

0

112

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

114

2

데이터 로딩중 화면만 계속 나와요!!

0

102

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

134

2

이후의 커리큘럼 문의

0

157

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

116

2

최적화 관련 질문있습니다 (useMemo 등)

0

134

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

130

3