Search

๋กœ๊ทธ์ธ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

๋กœ๊ทธ์ธ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

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 ์ฐธ์กฐ