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 |
| 29 | 30 |
Tags
- ์ฝ๋ฉํ ์คํธ
- CSS
- REACT
- ๋ฐ๋ธ์ฝ์ค
- float
- ํ๋ก ํธ์๋
- Flex
- ์๊ณ ๋ฆฌ์ฆ
- history api
- Gatsby
- ๋ฐ๋ธ์ฝ์ค3๊ธฐ
- ํ๋ก๊ทธ๋๋จธ์ค
- ์๋ฐ์คํฌ๋ฆฝํธ
- fetch API
- Props
- position
- useEffect
- useRef
- ๋ธ๋ก๊ทธ
Archives
- Today
- Total
๋ชฉ๋กfetch API (1)
Daehyunii's Dev-blog
[๋ฐ๋ธ์ฝ์ค] TIL-112 fetch API, history API
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