็„ก์ œ

Node.js ์„ค์น˜์™€ CMD&Powershell ์‚ฌ์šฉ ๋ณธ๋ฌธ

<React>

Node.js ์„ค์น˜์™€ CMD&Powershell ์‚ฌ์šฉ

yo-u-loo 2026. 7. 6. 17:36

 

 

๐Ÿ”ถ 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 ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.

https://nodejs.org/ko/

 

v22.16.0(LTS) โ–ถ x64 โ–ถ Windows (.msi)

 

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