<aside>
๐ฉ
Goal: Axios๋ฅผ ์ด์ฉํด์ API ์๋ฒ์ ํต์ ํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์๋๋ค.
</aside>
1. Axios
- (1) Axios๋?
- (2) Axios ์ค์นํ๊ธฐ
2. json-server ์ค์
<aside>
๐ API ์๋ฒ๋ ์ฐ๋ฆฌ๊ฐ ๋ง๋ json-server๋ฅผ ์ฌ์ฉํฉ๋๋ค. ๋ฐฐํฌ๋ ํ์ง ์์๋ ๋๊ณ , ํ ํ๋ก์ ํธ ๋ด์์ 3001 ํฌํธ๋ก ์๋ฒ๋ฅผ ๊ฐ๋์์ผ ์ฌ์ฉํฉ๋๋ค.
</aside>
- (1) ํ
์คํธ์ฉ db.json ์ค์
3. GET
- (1) Axios get
- (2) ์ฐ๋ฆฌ๊ฐ ์ฌ์ฉํ๋
json-server API ๋ช
์ธ์ ํ์ธํ๊ธฐ [์ค์ ๐ฅ]
- (3) ์ฝ๋๋ก ์์๋ณด๊ธฐ
4. POST
- (1) Axios POST
- (2) ์ฝ๋๋ก ์์๋ณด๊ธฐ
- (3) ๋คํธ์ํฌํญ ํ์ธํ๊ธฐ [์ค์ ๐ฅ]
5. DELETE
- (1) Axios delete
- (2) ์ฝ๋๋ก ์์๋ณด๊ธฐ
- (3) ๋คํธ์ํฌ ํญ ํ์ธํ๊ธฐ