Search
Duplicate

React κ°œλ°œν™˜κ²½ μ„€μΉ˜

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 μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μžλ™μœΌλ‘œ μ—΄μ–΄μ€λ‹ˆλ‹€.

7. λΈŒλΌμš°μ € μ‹€ν–‰

http://localhost:3000
http://localhost:3000