Recent Posts
Recent Comments
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- REACT
- ํ๋ก ํธ์๋
- ์ฝ๋ฉํ ์คํธ
- ํ๋ก๊ทธ๋๋จธ์ค
- useRef
- ๋ธ๋ก๊ทธ
- CSS
- ์๊ณ ๋ฆฌ์ฆ
- Props
- ์๋ฐ์คํฌ๋ฆฝํธ
- Flex
- Gatsby
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- position
- ๋ฐ๋ธ์ฝ์ค
- fetch API
- float
- useEffect
- history api
Archives
- Today
- Total
๋ชฉ๋กhistory api (1)
Daehyunii's Dev-blog

fetch API ๋? 1. ๋น๋๊ธฐ HTTP ์์ฒญ์ ์ข ๋ ์ฐ๊ธฐ ํธํ๊ฒ ํด์ฃผ๋ API์ด๋ค. XMLHTTPRequest๋ฅผ ๋์ฒดํ๋ฉฐ, Promise๊ธฐ๋ฐ์ผ๋ก ๋์ํ๋ค. 2. fetch๋ HTTP ์๋ฌ๊ฐ ๋ฐ์ํ๋๋ผ๋ reject๋์ง ์๋๋ค. 3. ๋คํธ์ํฌ ์๋ฌ๋ ์์ฒญ์ด ์๋ฃ๋์ง ๋ชปํ ๊ฒฝ์ฐ์๋ง reject ๋๋ค. ๋ฐ๋ผ์ ์ค์ ๋ก fetch๊ฐ ์ฑ๊ณตํ๋์ง ํ์ธ์ ํด์ผํ๋ค. response์ status code๋ ok๋ฅผ ์ฒดํฌํ๋ ๊ฒ์ด ์ข๋ค. 4. ์ฐธ๊ณ ๋ก ok๋ status๊ฐ 200-299 ์ฌ์ด์ธ ๊ฒฝ์ฐ๋ง true๊ฐ ๋๊ธฐ ๋๋ฌธ์, 300๋ status์๋ ์ฒ๋ฆฌ๋ฅผ ํด์ผํ๋ค๋ฉด ์ฌ์ฉ์ด ์ด๋ ค์ธ ์ ์๋ค. fetch API ์ฌ์ฉํ๊ธฐ 1. fetch์ ๊ธฐ๋ณธ ์๋ต ๊ฒฐ๊ณผ๋ Response ๊ฐ์ฒด์ด๋ค. ๋ฐ๋ผ์ json()์ด๋ text()๋ก..
โ๏ธ 2022. TIL/November (๋ฐ๋ธ์ฝ์ค)
2022. 11. 24. 00:38