fetch() error 처리하기

2023. 3. 17. 00:10·NOTE

fetch() promise는 HTTP error에 의해 reject 되지 않는다. 
https://developer.mozilla.org/en-US/docs/Web/API/fetch

fetch(api url)
	.then(( response ) => {
    	if(!response.ok) {
        	throw new Error(`error status: ${response.status}`)
        }
        
        return response.json()
    })
    .then(( data ) => {
    	// 처리 코드
        console.log(data)
    })
    .catch((error) => {
    	// 에러 처리 코드
        console.log(error)
    })

'NOTE' 카테고리의 다른 글

자바스크립트 sort()로직  (0) 2023.04.15
매개변수, 인자, 인수  (0) 2023.04.05
gh-pages을 이용하여 Github Pages에 배포하기  (0) 2023.03.15
parseInt(), Number() 의 차이  (0) 2023.03.02
Array.findIndex()  (0) 2023.03.02
'NOTE' 카테고리의 다른 글
  • 자바스크립트 sort()로직
  • 매개변수, 인자, 인수
  • gh-pages을 이용하여 Github Pages에 배포하기
  • parseInt(), Number() 의 차이
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • 분류 전체보기 (73)
      • TECH (22)
      • NOTE (40)
      • DAILY (7)
      • javascript (1)
      • 알고리즘 (0)
  • 블로그 메뉴

    • 홈
    • TECH
    • NOTE
    • DAILY
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    배열요소순서
    React
    call signatures
    커머스프로젝트
    slidesPerGroup
    웹브라우저구성
    git배포
    d.ts
    reduxtoolkit
    global-style
    react state management
    redux
    Array.sort()
    theme-provider
    JavaScript
    styled-components
    reat-head
    TypeScript
    타입스크립트
    함수와 메서드차이
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
ssund
fetch() error 처리하기
상단으로

티스토리툴바