๋ฐ์ํ
๐ถ Axios๋?
๋ธ๋ผ์ฐ์ , Node.js๋ฅผ ์ํ Promise API๋ฅผ ํ์ฉํ๋ HTTP ๋น๋๊ธฐ ํต์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
๐ถ Axios์ ๊ธฐ๋ฅ
- ๋ธ๋ผ์ฐ์ ํ๊ฒฝ : XMLHttpRequests ์์ฒญ ์์ฑ
- Node.js ํ๊ฒฝ : http ์์ฒญ ์์ฑ
- Promise API ์ง์
- ์์ฒญ/์๋ต ์ฐจ๋จ(Intercept)
- ์์ฒญ/์๋ต ๋ฐ์ดํฐ ๋ณํ
- ์ทจ์ ์์ฒญ
- JSON ๋ฐ์ดํฐ ์๋ ๋ณํ
- ์ฌ์ดํธ ๊ฐ ์์ฒญ ์์กฐ(XSRF) ๋ณดํธ๋ฅผ ์ํ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ์ง์
๐ถ ์ฌ์ฉ๋ฒ
๐ axios ์ฌ์ฉ๋ฒ
๋๋ ์ฃผ๋ก ์ด๋ ๊ฒ ์ผ๋ค.
import axios from "axios";
const boardUpload = async () => {
await axios
.post(`${API}/board/write,
)
.catch((err) => {
throw err;
});
alert("๊ฒ์๋ฌผ์ด ๋ฑ๋ก๋์์ต๋๋ค.");
location.href = "/board";
};
axois๋ฅผ fetch ํจ์๋ฅผ ์ฌ์ฉํ ๋ ์ฒ๋ผ header, method์ ๊ฐ์ ๊ฒ๋ค์ ์ฌ์ฉํ์ง ์๊ณ ๊ฐ๋จํ๊ฒ ์๋ฒ์ ์ฐ๊ฒฐํ ์ ์๋ค.
์ผ๋ง์ ์ ๋ฐฐ์ด๊ฑฐ๋ผ ์์ง ๋ง์ด ์จ๋ณธ๊ฑด ์๋์ง๋ง ์ฐธ ์ ๊ธฐํ๊ณ ์ธ๋ จ๋ ๊ธฐ์ ๊ฐ๋ค.
์ฐธ๊ณ ์ฌ์ดํธ ๐๐ป Axios ๊ณต์ ๋ฌธ์
๋ฐ์ํ
'Front-End' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Self Refactoring Tip (0) | 2021.11.17 |
---|---|
RESTful API ๋? (0) | 2021.11.15 |
gitignore (0) | 2021.11.10 |
await, async, promise (0) | 2021.11.10 |
SSR, CSR, SPA (0) | 2021.11.05 |
๋๊ธ