1-1. REST API ์ฐ๋:
Axios๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐฑ์๋ ์๋ฒ์์ ํต์
1-2. ์ํ๊ด๋ฆฌ:
โข Recoil์ ์ฌ์ฉํ์ฌ ์ด๋ฉ์ผ, ๋น๋ฐ๋ฒํธ, ํ ํฐ, ๋ก๊ทธ์ธ ์ํ๋ฅผ ์ ์ญ ์ํ๋ก ๊ด๋ฆฌ.
โข ์ฌ์ฉ์์ ์ ๋ ฅ์ ๋ฐ๋ผ ์ด๋ฉ์ผ ๋ฐ ๋น๋ฐ๋ฒํธ ์ํ ์ ๋ฐ์ดํธ.
โข 1-3. ๋ก๊ทธ์ธ ํ๋ก์ธ์ค:
โข ์ฌ์ฉ์๊ฐ ์ด๋ฉ์ผ๊ณผ ๋น๋ฐ๋ฒํธ๋ฅผ ์ ๋ ฅํ๊ณ ๋ก๊ทธ์ธ์ ํด๋ฆญํ๋ฉด โhandlesubmitโ ํจ์๊ฐ ํธ์ถ๋ฉ๋๋ค.
โข API๋ฅผ ํตํด ๋ก๊ทธ์ธ ์ฑ๊ณต ์ฌ๋ถ๋ฅผ ํ์ธํฉ๋๋ค. ๋ก๊ทธ์ธ ์ฑ๊ณต ์: โข ๋ฐ์์จ ์ก์ธ์ค ํ ํฐ์ Recoil ์ํ ๋ฐ ๋ก์ปฌ ์คํ ๋ฆฌ์ง์ ์ ์ฅ.
โข Axios์ ๊ธฐ๋ณธ ํค๋์ Authorization ํ ํฐ ์ค์ . โข ์ฌ์ฉ์๋ฅผ ํ ํ์ด์ง๋ก ๋ฆฌ๋๋ ์ . ๋ก๊ทธ์ธ ์คํจ ์: โข SweetAlert2๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์์๊ฒ ๋ก๊ทธ์ธ ์คํจ ๋ฉ์์ง ํ์.
2-1. API ์ฐ๋:
Axios๋ฅผ ์ฌ์ฉํ์ฌ ๋ฐฑ์๋ ์๋ฒ์์ ํต์
2-2. ์ํ๊ด๋ฆฌ:
โข Recoil์ ์ฌ์ฉํ์ฌ ์ด๋ฉ์ผ, ๋น๋ฐ๋ฒํธ, ํ ํฐ, ๋ก๊ทธ์ธ ์ํ๋ฅผ ์ ์ญ ์ํ๋ก ๊ด๋ฆฌ. โข์ฌ์ฉ์์ ์ ๋ ฅ์ ๋ฐ๋ผ ์ด๋ฉ์ผ ๋ฐ ๋น๋ฐ๋ฒํธ ์ํ ์ ๋ฐ์ดํธ.
2-3. ๋ก๊ทธ์ธ ํ๋ก์ธ์ค: