๋ก๊ทธ์ธ ํ๋ก์ ํธ ์์ฑ
1.
ํ๋ก์ ํธ ์์ฑ
2.
๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น
ํ๋ก์ ํธ ์์ฑ
โข
vite
create-vite login-app --template react
Bash
๋ณต์ฌ
โข
npx
npx create-react-app login-app
Bash
๋ณต์ฌ
๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น
๋ผ์ด๋ธ๋ฌ๋ฆฌ | ์ค๋ช
|
react-router-dom | React ์ ํ๋ฆฌ์ผ์ด์
์์ ๋ผ์ฐํ
์ ๊ด๋ฆฌํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
axios | ๋ธ๋ผ์ฐ์ ์ Node.js์์ HTTP ์์ฒญ์ ์ํํ๋ Promise ๊ธฐ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
js-cookie | ๋ธ๋ผ์ฐ์ ์์ ์ฟ ํค๋ฅผ ๊ด๋ฆฌํ ์ ์๋ ๊ฒฝ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
sweetalert2 | ์คํ์ผ๋ง ๊ฐ๋ฅํ ์๋ฆผ ์ฐฝ์ ์ฝ๊ฒ ์์ฑํ ์ ์๋ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
sweetalert2-react-content | SweetAlert2์ React๋ฅผ ํตํฉํ์ฌ
React ์ปดํฌ๋ํธ๋ฅผ ์๋ฆผ ์ฐฝ์ ํ์ํ ์ ์๋๋ก ์ง์ |
npm install react-router-dom axios js-cookie sweetalert2 sweetalert2-react-content
Bash
๋ณต์ฌ
### router
npm install react-router-dom
### axios
npm install axios
### cookie
npm install js-cookie
### sweetalert2
npm install sweetalert2
npm install sweetalert2-react-content
Markdown
๋ณต์ฌ
package.json
JSON
๋ณต์ฌ
ํ๋ก์ ํธ ๊ตฌ์กฐ
Context ์ ๊ธฐ๋ณธ UI ์ฐธ์กฐ