Node.js ์ค์นํ๊ธฐ (Windows)
1. winget์ผ๋ก Node.js ์ค์น
winget install OpenJS.NodeJS
Bash
๋ณต์ฌ
2. ์ค์น ํ์ธ
์ค์น๊ฐ ์๋ฃ๋๋ฉด ๋ค์ ๋ช
๋ น์ด๋ก Node.js์ npm ๋ฒ์ ์ ํ์ธํ ์ ์์ต๋๋ค:
node --version
Bash
๋ณต์ฌ
3. PowerShell ๊ด๋ฆฌ์ ๊ถํ ์ค์
npm ์คํฌ๋ฆฝํธ๋ฅผ ์คํํ๋ ๋ฐ ํ์ํ ๊ถํ์ ์ค์ ํฉ๋๋ค:
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
PowerShell
๋ณต์ฌ
์ด ๋ช
๋ น์ ๋ก์ปฌ์์ ์์ฑํ ์คํฌ๋ฆฝํธ๋ ์คํํ ์ ์์ง๋ง, ์ธํฐ๋ท์์ ๋ค์ด๋ก๋ํ ์คํฌ๋ฆฝํธ๋ ์๋ช
๋ ๊ฒฝ์ฐ์๋ง ์คํํ ์ ์๋๋ก ์ค์ ํฉ๋๋ค.
4. React ํ๋ก์ ํธ ์์ฑ
์ด์ React ํ๋ก์ ํธ๋ฅผ ์์ฑํด ๋ณด๊ฒ ์ต๋๋ค. ๋ค์ ๋ช
๋ น์ด๋ฅผ ์ฌ์ฉํ์ฌ ์ React ์ ํ๋ฆฌ์ผ์ด์
์ ๋ง๋ค ์ ์์ต๋๋ค:
npx create-react-app my-app
Bash
๋ณต์ฌ
์ ๋ช
๋ น์ด๋ 'my-app'์ด๋ผ๋ ์ด๋ฆ์ ์ React ํ๋ก์ ํธ๋ฅผ ์์ฑํฉ๋๋ค. ํ๋ก์ ํธ ์ด๋ฆ์ ์ํ๋ ๋๋ก ๋ณ๊ฒฝํ ์ ์์ต๋๋ค.
5. ๋ชจ๋ ์ค์น
React ํ๋ก์ ํธ์์ ํ์ํ ๋ชจ๋์ ์ค์นํ๋ ค๋ฉด ํ๋ก์ ํธ ๋๋ ํ ๋ฆฌ๋ก ์ด๋ํ ํ npm์ ์ฌ์ฉํฉ๋๋ค:
โข
ํ๋ก์ ํธ๋ก ์ด๋
cd my-app
Bash
๋ณต์ฌ
npm install
Bash
๋ณต์ฌ
6. ์๋ฒ ์คํ
๊ฐ๋ฐ ์๋ฒ๋ฅผ ์คํํ๋ ค๋ฉด ๋ค์ ๋ช
๋ น์ด๋ฅผ ์ฌ์ฉํฉ๋๋ค:
โข
npx
npm start
Bash
๋ณต์ฌ
โข
vite
npm run dev
Bash
๋ณต์ฌ
์ด ๋ช
๋ น์ด๋ ๊ฐ๋ฐ ์๋ฒ๋ฅผ ์์ํ๊ณ ๋ธ๋ผ์ฐ์ ์์ http://localhost:3000 ์ฃผ์๋ก React ์ ํ๋ฆฌ์ผ์ด์
์ ์๋์ผ๋ก ์ด์ด์ค๋๋ค.