| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- textdecoration
- liststyleposition
- liststyletype
- borderspacing
- ํด๋์ค์ ๋ ํฐ
- ํผํ๊ทธ
- ํฐํธ์จ์ดํธ
- ๋ชจ๋์นํฐํธ
- inlineblock
- ์ถ์ฝ
- ์ฃผ์
- ๊ตฌ๊ธํฐํธ
- ์์ด๋์ ๋ ํฐ
- formtag
- selectorslevel4
- liststyleimage
- ํฅ์ค์ฝ๋
- textshadow
- CDN
- ํ์ ์ ๋ ํฐ
- fontweight
- borderstyle
- ๋นํ๊ทธ
- captionside
- gtammertable
- wordspacing
- ์ ๋๋ฒ์ ์ ๋ ํฐ
- ๊ทธ๋ฃน์ ๋ ํฐ
- bordercollapse
- texttransform
- Today
- Total
็ก์
Node.js ์ค์น์ CMD&Powershell ์ฌ์ฉ ๋ณธ๋ฌธ

๐ถ Node.js ๐ถ
JavaScript๋ฅผ ์น ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์ด ์๋ ๊ณณ์์๋ ์คํํ ์ ์๋๋ก ํด์ฃผ๋ ์คํ ํ๊ฒฝ(Runtime Environment).
๊ธฐ์กด์๋ JavaScript๊ฐ ์ฃผ๋ก ์น ๋ธ๋ผ์ฐ์ ๋ด๋ถ์์ ๋์ํ๋ฉฐ, ์น ํ์ด์ง์ ๋์ ์ธ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ์ฉ๋๋ก ์ฌ์ฉ๋์๋ค.
ํ์ง๋ง Node.js์ ๋ฑ์ฅ์ผ๋ก JavaScript๋ ๋ธ๋ผ์ฐ์ ๋ฐ์์๋ ์คํ์ด ๊ฐ๋ฅํด์ก๊ณ , ์ด๋ฅผ ํ์ฉํด ์น ์๋ฒ๋ฅผ ๊ตฌ์ถํ๊ฑฐ๋ ๋ค์ํ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ ์๊ฒ ๋์๋ค.
์ฆ, Node.js๋ JavaScript์ ํ์ฉ ๋ฒ์๋ฅผ ๋ํ ํ๋์ ์ธ์ด๋ก ํ๋ก ํธ์๋์ ๋ฐฑ์๋ ๊ฐ๋ฐ์ ๋ชจ๋ ํ ์ ์๋ ํ๊ฒฝ์ ์ ๊ณตํ๋ ๊ธฐ์ ์ด๋ค.
โผ๏ธ ์ฃผ์ ํน์ง
- ๋น๋๊ธฐ ์ด๋ฒคํธ ๊ธฐ๋ฐ ์ฒ๋ฆฌ: ๋น๋๊ธฐ ์ด๋ฒคํธ ๊ธฐ๋ฐ ๋ฐฉ์์ ์ฌ์ฉํ์ฌ ์ฌ๋ฌ ์์ฒญ์ ๋์์ ํจ์จ์ ์ผ๋ก ์ฒ๋ฆฌํ ์ ์๋ค.
- ๋ง์ ์ฌ์ฉ์์ ์์ฒญ์ด ๋์์ ๋ฐ์ํ๋ ์ํฉ์์๋ ์์ ์ด ์๋ฃ๋ ๋๊น์ง ๊ธฐ๋ค๋ฆฌ์ง ์๊ณ ์ฒ๋ฆฌํ ์ ์์ด ๋น ๋ฅธ ์๋ต ์๋๋ฅผ ์ ๊ณตํ๋ค.
- ํ๋์ ์ธ์ด๋ก ๊ฐ๋ฐ: ํ๋ก ํธ์๋์ ๋ฐฑ์๋ ๋ชจ๋ JavaScript๋ฅผ ํ์ฉํ์ฌ ๊ฐ๋ฐํ ์ ์๋ค.
- ํ๋์ ์ธ์ด๋ก ์ ์ฒด ์๋น์ค๋ฅผ ๊ตฌ์ถํ ์ ์์ด ๊ฐ๋ฐ ์์ฐ์ฑ์ ๋์ด๊ณ , ์ฝ๋ ๊ณต์ ์ ์ ์ง๋ณด์๊ฐ ์ฉ์ดํ๋ค.
- ๋ฐ์ด๋ ํ์ฅ์ฑ: Node.js๋ ํ์ฅ์ฑ์ ๊ณ ๋ คํ ๊ตฌ์กฐ๋ก ์ค๊ณ๋์ด ์์ด ์๋น์ค ๊ท๋ชจ๊ฐ ์ปค์ง๊ฑฐ๋ ์ฌ์ฉ์ ์๊ฐ ์ฆ๊ฐํ๋ ์ํฉ์์๋ ์ ์ฐํ๊ฒ ๋์ํ ์ ์๋ค.
- ๋์ ํธ๋ํฝ์ ์ฒ๋ฆฌํด์ผ ํ๋ ๋ค์ํ ์๋น์ค ๊ฐ๋ฐ์๋ ํ์ฉ๋๊ณ ์๋ค.
- ๋น ๋ฅธ ๊ฐ๋ฐ ์๋: JavaScript์ ๊ฐ๊ฒฐํ ๋ฌธ๋ฒ๊ณผ npm(Node Package Manager)์ ํตํ ๋ค์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ์ฉ์ผ๋ก ํ์ํ ๊ธฐ๋ฅ์ ์ฝ๊ฒ ์ถ๊ฐํ ์ ์๋ค.
- ๋ฐ๋ณต์ ์ธ ๊ฐ๋ฐ ์์ ์ ์ค์ด๊ณ ๋น ๋ฅด๊ณ ํจ์จ์ ์ธ ์๋น์ค ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๋ค.
โผ๏ธ ์ ํฉํ ์๋น์ค
์ค์๊ฐ ๋ฐ์ดํฐ ํต์ ์ด ๋ง๊ณ ๋น ๋ฅธ ์๋ต์ด ํ์ํ ์๋น์ค ๊ฐ๋ฐ์ ํนํ ๊ฐ์ ์ ๋ณด์ธ๋ค.
๋ํ์ ์ผ๋ก ๋ค์๊ณผ ๊ฐ์ ์๋น์ค ๊ฐ๋ฐ์ ํ์ฉ๋๋ค.
- ์ค์๊ฐ ์ฑํ ์ ํ๋ฆฌ์ผ์ด์
- ์จ๋ผ์ธ ๊ฒ์ ์๋ฒ ๊ธฐ๋ฅ
- ์์ ·์์ ๋ฑ ๋ฐ์ดํฐ ์คํธ๋ฆฌ๋ฐ ์๋น์ค
- ๋น ๋ฅธ ์๋ต์ด ํ์ํ API ์๋ฒ
- ๋จ์ผ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA)์ ๋ฐฑ์๋
๐ Node.js๋ JavaScript์ ํ์ฉ ๋ฒ์๋ฅผ ์น ๋ธ๋ผ์ฐ์ ์์ ์๋ฒ ์์ญ๊น์ง ํ์ฅํ ๊ธฐ์ ์ด๋ค.
ํ์ฌ ๋ง์ ๊ธฐ์
์์ ์น ์๋น์ค, API ์๋ฒ, ์ค์๊ฐ ์ ํ๋ฆฌ์ผ์ด์
๋ฑ ๋ค์ํ ๋ถ์ผ์ ํ์ฉํ๊ณ ์์ผ๋ฉฐ, JavaScript ๊ฐ๋ฐ์๊ฐ ํ๋ก ํธ์๋์ ๋ฐฑ์๋๋ฅผ ๋ชจ๋ ๋ค๋ฃจ๋ ํ์คํ ๊ฐ๋ฐ์๋ก ์ฑ์ฅํ๋ ๋ฐ ์ค์ํ ์ญํ ์ ํ๋ค.
โผ๏ธ ์ค์น ๋ฐฉ๋ฒ
React ๊ฐ๋ฐ์ ์์ํ๋ ค๋ฉด ๋จผ์ Node.js ์ค์น๊ฐ ํ์ํ๋ค.
Node.js๋ฅผ ์ค์นํ๋ฉด npm(Node Package Manager)์ ํจ๊ป ์ฌ์ฉํ ์ ์์ผ๋ฉฐ, ์ด๋ฅผ ํตํด React ํ๋ก์ ํธ ์์ฑ๊ณผ ํ์ํ ํจํค์ง ๊ด๋ฆฌ๋ฅผ ์งํํ ์ ์๋ค.
์ค์น๊ฐ ์๋ฃ๋ ํ ์๋ํฐ์ ํฐ๋ฏธ๋์์ Create React App์ ํ์ฉํ์ฌ ์๋ก์ด React ํ๋ก์ ํธ๋ฅผ ์์ฑํ ์ ์๋ค.


ARM CPU(๋งฅ๋ถ M1, M2 ๋ฑ)๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ARM64 ๋ฒ์ ์ ์ ํํ์ฌ ์ค์นํด์ผ ํ๋ค.
โผ๏ธ ์ค์น ํ์ธ
Node.js ์ค์น๊ฐ ์ ์์ ์ผ๋ก ์๋ฃ๋์๋์ง Command Prompt(cmd)์์ ํ์ธํ๋ค.
์๋ ๋ช ๋ น์ด๋ฅผ ์์๋๋ก ์คํํ๋ค.
node --version
npm --version
์ ์์ ์ผ๋ก ์ค์น๋์๋ค๋ฉด ์๋์ ๊ฐ์ด Node.js์ npm์ ๋ฒ์ ์ ๋ณด๊ฐ ์ถ๋ ฅ๋๋ค.
Microsoft Windows [Version 10.0.19045.3693]
(c) Microsoft Corporation. All rights reserved.
C:\Users\CafeAlle>node --version
v24.12.0
C:\Users\CafeAlle>npm --version
11.6.2
C:\Users\CafeAlle>
๋ช ๋ น์ด ์คํ ํ ๋ฒ์ ์ ๋ณด๊ฐ ํ์๋๋ค๋ฉด Node.js ์ค์น๊ฐ ์ ์์ ์ผ๋ก ์๋ฃ๋ ๊ฒ์ด๋ค.
๐ CMD(๋ช ๋ น ํ๋กฌํํธ) ๐
๊ฐ๋ฐ์ ํ๋ค ๋ณด๋ฉด CMD(Command Prompt)๋ฅผ ์์ฃผ ์ฌ์ฉํ๊ฒ ๋๋๋ฐ ๋งค๋ฒ ๊ฒ์ํด์ ์คํํ๋ ๊ฒ์ด ๋ฒ๊ฑฐ๋กญ๊ธฐ ๋๋ฌธ์, ์์ ํ์์ค์ ๊ณ ์ ํด ๋๋ฉด ํธ๋ฆฌํ๋ค.

โผ๏ธ CMD ์์ ํ์์ค์ ๊ณ ์ ํ๊ธฐ
๋จผ์ ์์ ํ์์ค์ ๊ฒ์(๋๋ณด๊ธฐ) ์์ด์ฝ์ด ์๋์ง ํ์ธํ๋ค.
๊ฒ์ ์์ด์ฝ์ด ์๋ค๋ฉด ๋ค์ ์์๋ก ํ์ฑํํ๋ค.
- ์์ ํ์์ค์์ ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ํด๋ฆญ
- ๊ฒ์
- ๊ฒ์ ์์ด์ฝ ํ์
๊ฒ์ ์์ด์ฝ์ด ๋ณด์ธ๋ค๋ฉด ๋ค์ ์์๋๋ก ์งํํ๋ค.
- ๊ฒ์ ํด๋ฆญ
- cmd ์ ๋ ฅ
- ๋ช ๋ น ํ๋กฌํํธ(Command Prompt) ์ ํ
- ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ํด๋ฆญ
- ์์ ํ์์ค์ ๊ณ ์ ์ ํ
์ดํ์๋ ์์ ํ์์ค์์ ๋ฐ๋ก CMD๋ฅผ ์คํํ ์ ์๋ค.
โผ๏ธ CMD ์ข ๋ฃํ๊ธฐ
CMD๋ฅผ ์ข ๋ฃํ๋ ค๋ฉด ์๋ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ ํ Enter๋ฅผ ๋๋ฅธ๋ค.
exit
๐ Powershell ๐
PowerShell์ CMD์ ๋น์ทํ์ง๋ง ์ ๊ณตํ๋ ๊ธฐ๋ฅ๊ณผ ๋ช ๋ น์ด๊ฐ ๋ ๋ค์ํ๊ณ ๊ฐ๋ ฅํ ๋ช ๋ น์ค ๋๊ตฌ์ด๋ค.
์คํ ๋ฐ ์์ ํ์์ค์ ๊ณ ์ ํ๋ ๋ฐฉ๋ฒ์ CMD์ ๋์ผํ๋ค.

โ ๊ด๋ฆฌ์ ๊ถํ์ผ๋ก ์คํ โ
๊ฐ๋ฐ ํ๊ฒฝ์ ์ค์ ํ๊ฑฐ๋ ํ๋ก๊ทธ๋จ์ ์ค์นํ ๋๋ ๊ด๋ฆฌ์ ๊ถํ์ด ํ์ํ ๊ฒฝ์ฐ๊ฐ ์๋ค.
๋ฐ๋ผ์ CMD๋ PowerShell์ ๊ด๋ฆฌ์ ๊ถํ์ผ๋ก ์คํํ๋ ์ต๊ด์ ๋ค์ด๋ฉด ๊ถํ ๋ฌธ์ ๋ฅผ ์ค์ผ ์ ์๋ค.
์คํ ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ๋ค.
- CMD ๋๋ PowerShell ๊ฒ์
- ๋ง์ฐ์ค ์ค๋ฅธ์ชฝ ํด๋ฆญ
- ๊ด๋ฆฌ์ ๊ถํ์ผ๋ก ์คํ ์ ํ
'<React>' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| Component (์ปดํฌ๋ํธ) (0) | 2026.07.07 |
|---|---|
| Create React App(CRA) tool chain (0) | 2026.07.06 |
| VS Code์์ React ํ๋ก์ ํธ ์์ฑ (0) | 2026.07.06 |
| My Directory Setting (0) | 2026.07.06 |
| React (๋ฆฌ์กํธ) (0) | 2026.07.06 |
