TIL 12일차

fetch

fetch의 기본응답 결과는 Response 객체이다.

Response 객체 처리하기

1. res.json() : Response 스트림을 가져와 스트림 완료까지 읽는다.
2. res.text() : text 형태로 읽어서 처리한다. ( 그 후 JSON.parse를 하면 res.json()과 같은 결과를 얻는다. )
3. res.blob() : 이미지 처리를 담당

🏴 fetch의 중요한 특징

• fetch는 HTTP error가 발생했더라도 reject되지 않는다.

=> 요청이 404로 not Found라도 이것을 reject가 되지않아 catch가 아닌 then에서 처리를 한다.

• 네트워크 에러 / 요청 완료 못한 경우에만 reject된다.

🏳 fetch HTTP error 다루기

then 부분에 if(res.ok)로 처리 못할 경우 throw new Error()로 reject를 catch문장에서 처리할 수 있게 한다.

객체 다루기

const identity = {'name':'msk','age':19}
const {name, age} =identity
name	//"msk"
age	//19

객체를 { , }로 분리해서 가져올 수 있다.

리터럴 템플릿 다루기

const a = `${5*8 < 9*4 ? `${10*100}원 줄게` : `${10/10}원을 줄게`}`
console.log(a)

`${ 조건 ? `${ } 문자열` : `문자열 ${ }`}`

조건문을 크게 감싸는 ``가 있고 해당 내용의 문자열과 코드를 처리하기 위해 또 존재한다

이벤트 리스너 중복

링크