fetch() error 처리하기

2023. 3. 17. 00:10·javascript

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)
    })

'javascript' 카테고리의 다른 글

call, bind, apply의 this binding  (0) 2023.04.19
자바스크립트 sort()로직  (0) 2023.04.15
parseInt(), Number() 의 차이  (0) 2023.03.02
Array.findIndex()  (0) 2023.03.02
Array.prototype.filter(), Array.prototype.find()의 차이  (0) 2023.02.16
'javascript' 카테고리의 다른 글
  • call, bind, apply의 this binding
  • 자바스크립트 sort()로직
  • parseInt(), Number() 의 차이
  • Array.findIndex()
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (83)
      • Next.js (13)
      • React (24)
      • Vite (0)
      • javascript (17)
      • CSS (7)
      • CS (8)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (4)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

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

    • 최근 글

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

    티스토리툴바