728x90
axios ์ธ์คํด์ค๋ฅผ ์ฌ์ฉํ๋ ์ด์ ๋ ์ฌ๋ฌ ๊ฐ์ง๊ฐ ์์ต๋๋ค. ์ฃผ๋ ์ด์ ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
1. ๊ณตํต ์ค์ ๊ด๋ฆฌ
- axios.create()๋ก ์์ฑ๋ ์ธ์คํด์ค๋ ๊ธฐ๋ณธ URL, ํ์์์, ํค๋, ํ๋ผ๋ฏธํฐ ์ง๋ ฌํ ๋ฐฉ์ ๋ฑ ๊ณตํต์ ์ผ๋ก ์ฌ์ฉ๋๋ ์ค์ ์ ํ๋์ ์ธ์คํด์ค์ ์ ์ํ ์ ์์ต๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ํน์ API์ ํต์ ํ ๋ ๋งค๋ฒ ๋์ผํ ์ค์ ์ ๋ฐ๋ณตํ ํ์ ์์ด, ์ธ์คํด์ค๋ฅผ ์ฌ์ฉํด ๊ฐ๋จํ๊ฒ ์์ฒญ์ ๋ณด๋ผ ์ ์์ต๋๋ค.
- ์๋ฅผ ๋ค์ด, API์ ๊ธฐ๋ณธ URL์ด๋ ๊ณตํต์ ์ผ๋ก ํ์ํ ์ธ์ฆ ํ ํฐ, ๋๋ ๊ธฐ๋ณธ ํค๋ ๋ฑ์ ์ธ์คํด์ค์ ์ค์ ํด ๋๋ฉด, ๊ฐ๋ณ ์์ฒญ ์์ ์ด๋ฌํ ์ ๋ณด๋ฅผ ์ผ์ผ์ด ์ง์ ํ ํ์๊ฐ ์์ด์ง๋๋ค.
2. ์ฝ๋์ ์ฌ์ฌ์ฉ์ฑ ํฅ์
- ๊ณตํต๋ ์ค์ ์ ๊ฐ์ง ์ธ์คํด์ค๋ฅผ ์ฌ๋ฌ ๊ณณ์์ ์ฌ์ฌ์ฉํ ์ ์์ด ์ฝ๋์ ์ค๋ณต์ ์ค์ผ ์ ์์ต๋๋ค. ์ด๋ ์ฝ๋์ ์ ์ง๋ณด์์ฑ์ ๋์ด๊ณ , ์ผ๊ด๋ ๋ฐฉ์์ผ๋ก API ์์ฒญ์ ๊ด๋ฆฌํ ์ ์๋๋ก ํด์ค๋๋ค.
- ๋ํ, ์ธ์คํด์ค๋ฅผ ์ฌ์ฉํจ์ผ๋ก์จ ์๋ก์ด API์์ ํต์ ์ ์ค์ ํด์ผ ํ ๋ ๊ธฐ์กด ์ธ์คํด์ค๋ฅผ ๋ณต์ฌํ๊ฑฐ๋ ์ฐธ์กฐํด ์ฝ๊ฒ ํ์ฅํ ์ ์์ต๋๋ค.
3. ์ธํฐ์ ํฐ(interceptors) ํ์ฉ
- ์ธ์คํด์ค์ ์ธํฐ์ ํฐ๋ฅผ ์ถ๊ฐํ๋ฉด ์์ฒญ์ด ๋ฐ์ก๋๊ธฐ ์ ์ด๋ ์๋ต์ด ๋์ฐฉํ ํ์ ๊ณตํต์ผ๋ก ์ฒ๋ฆฌํ ๋ก์ง์ ์ ์ํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ๋ชจ๋ ์์ฒญ์ ์ธ์ฆ ํ ํฐ์ ์๋์ผ๋ก ์ถ๊ฐํ๊ฑฐ๋, ์๋ต์์ ํน์ ๋ฐ์ดํฐ๋ฅผ ๊ณตํต์ ์ผ๋ก ๊ฐ๊ณตํ๋ ๋ฑ์ ์์ ์ ์ฝ๊ฒ ์ฒ๋ฆฌํ ์ ์์ต๋๋ค.
- ์ธํฐ์ ํฐ๋ ํน์ API ํธ์ถ์ ๊ณตํต์ ์ผ๋ก ํ์ํ ๋ก์ง(์: ์๋ฌ ์ฒ๋ฆฌ, ๋ฐ์ดํฐ ์ ์ฒ๋ฆฌ ๋ฑ)์ ๊ด๋ฆฌํ๋ ๋ฐ ์ ์ฉํฉ๋๋ค.
4. ํ๊ฒฝ ๋ถ๋ฆฌ ๋ฐ ๊ด๋ฆฌ
- ๊ฐ์ ์ ํ๋ฆฌ์ผ์ด์ ๋ด์์๋ ์๋ก ๋ค๋ฅธ API๋ฅผ ํธ์ถํด์ผ ํ๋ ๊ฒฝ์ฐ๊ฐ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ํ๋์ ์ธ์คํด์ค๋ ์ฌ์ฉ์ ์ธ์ฆ API์ ํต์ ํ๊ณ , ๋ค๋ฅธ ์ธ์คํด์ค๋ ์ฃผ์ ๊ฒ์ API์ ํต์ ํ ์ ์์ต๋๋ค. ์ด๋ฅผ ํตํด ์๋ก ๋ค๋ฅธ API์ ๋ํด ๊ฐ๋ณ์ ์ธ ์ค์ ์ ์ ์งํ ์ ์์ผ๋ฉฐ, ํ๊ฒฝ์ ๋ฐ๋ผ ์ธ์คํด์ค๋ฅผ ๋ค๋ฅด๊ฒ ์ค์ ํ ์๋ ์์ต๋๋ค.
- ์๋ฅผ ๋ค์ด ๊ฐ๋ฐ, ์คํ ์ด์ง, ํ๋ก๋์ ํ๊ฒฝ์ ๋ฐ๋ผ ๊ฐ๊ฐ ๋ค๋ฅธ ์ค์ ์ ์ ์ฉํ ์ ์์ต๋๋ค.
5. ์ ์ฐ์ฑ
- ์ธ์คํด์ค๋ฅผ ์ฌ์ฉํ๋ฉด ํน์ ์์ฒญ์์๋ง ๋ณ๋์ ์ค์ ์ ์ ์ฉํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ๊ธฐ๋ณธ์ ์ผ๋ก๋ ํ์์์์ 10์ด๋ก ์ค์ ํ์ง๋ง, ํน์ ์์ฒญ์ ๋ํด์๋ ํ์์์์ ๋ ์งง๊ฑฐ๋ ๊ธธ๊ฒ ์ค์ ํ๋ ์์ผ๋ก ์ ์ฐํ๊ฒ ๋์ํ ์ ์์ต๋๋ค.
'STUDY' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| [๋ผ์ด๋ธ๋ฌ๋ฆฌ] react-spring ์ ๋๋ฉ์ด์ ๊ตฌํ (1) | 2024.09.29 |
|---|---|
| [๋ผ์ด๋ธ๋ฌ๋ฆฌ] react hook form ์ ํจ์ฑ ๊ฒ์ฌํ๋ ํผ ๋ง๋ค๊ธฐ (2) | 2024.09.18 |
| <E2E ํ ์คํธ> playwright E2E ํ ์คํธ ๋ฐ ๊นํ๋ธ CI ์ค์ ํ๊ธฐ (1) | 2024.09.14 |
| [react-signature-canvas] ์ ์์๋ช ๊ตฌํํ๊ธฐ (1) | 2024.09.13 |
| session ๋ฐฉ์์ ๊ฐ๋ ๋ฐ ํ๊ณ์ JWT token ์ธ์ฆ ๋ฐฉ์ (0) | 2024.09.04 |