mooon๐ŸŒ™
STUDY
mooon๐ŸŒ™
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (170)
    • ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ (147)
      • ๋ฐฑ์ค€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ (53)
      • [ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] Lv1 (13)
      • [ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] ์ฝ”๋”ฉ ํ…Œ์ŠคํŠธ ์ž…๋ฌธ (54)
      • [ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] SQL ๊ณ ๋“์  Kit (27)
    • BACK (4)
      • Spring (3)
      • PHP (0)
    • FRONT (5)
    • DevOps (8)
      • Jenkins (8)
    • GitHub๐ŸŒฑ (2)
    • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค (1)
      • SQL (1)
    • Error ๐Ÿ’ฅ (0)
      • php (2)
    • ๐Ÿ˜‹ (1)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • โญ ๊นƒํ—ˆ๋ธŒ
  • ๐Ÿ’• ๋ฐฉ๋ช…๋ก
  • ๐Ÿ’ฅ ํƒœ๊ทธ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์•Œ๊ณ ๋ฆฌ์ฆ˜
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ž…๋ฌธ
  • c++
  • SQL ๊ณ ๋“์  Kit
  • ๋ฐฑ์ค€
  • DevOps
  • SQL
  • ๋‹ค์ด๋‚˜๋ฏน ํ”„๋กœ๊ทธ๋ž˜๋ฐ
  • Python

์ตœ๊ทผ ๊ธ€

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.
mooon๐ŸŒ™

STUDY

[React] ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ
FRONT

[React] ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๊ธฐ

2021. 7. 20. 14:51
728x90

๐ŸŒฑ node js ์„ค์น˜

 

๐Ÿ“Œ ์„ค์น˜ ์‚ฌ์ดํŠธ : https://nodejs.org/ko/

 

์˜ค๋ฅธ์ชฝ์˜ ํ˜„์žฌ ๋ฒ„์ „๋ง๊ณ , ์™ผ์ชฝ์˜ LTS๋กœ ๋‹ค์šด ๋ฐ›๋Š” ๊ฒƒ์„ ์ถ”์ฒœ

 

๐Ÿ“Œ ์„ค์น˜ ํ™•์ธ ๋ฐฉ๋ฒ•

node -v

 

์œ„์™€ ๊ฐ™์ด ์„ค์น˜ ๋ฒ„์ „์ด ๋‚˜์˜ค๋ฉด ์„ฑ๊ณต

 

 

๐ŸŒฑ npx ์„ค์น˜

npm install npx -g

 

๐ŸŒฑ React ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

npx create-react-app projectName

 

๋‹ค์Œ๊ณผ ๊ฐ™์ด react ๋ณด์ผ๋Ÿฌ ํ”Œ๋ ˆ์ดํŠธ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

๐Ÿ“Œ ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ์ด๋™

cd projectName

 

๐Ÿ“Œ ํ”„๋กœ์ ํŠธ ์‹คํ–‰

npm start

 

localhost:3000 ์œผ๋กœ ์ ‘์†ํ•˜๋ฉด ์œ„์™€ ๊ฐ™์€ ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋‚˜ ๋ณผ ์ˆ˜ ์žˆ๋‹ค

 

๐Ÿ“Œ ์„œ๋ฒ„ ์ข…๋ฃŒ

CTRL + C

์„œ๋ฒ„๊ฐ€ ์‹คํ–‰์ค‘์ธ ์ฝ˜์†”์—์„œ CTRL + C๋ฅผ ๋ˆ„๋ฅด๋ฉด ์‹คํ–‰์ค‘์ธ react ์„œ๋ฒ„๊ฐ€ ์ข…๋ฃŒ

728x90
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)
    'FRONT' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [React] react-router-dom
    • [React] ant Design ์‚ฌ์šฉํ•˜๊ธฐ
    • AWS S3 ๋ฒ„ํ‚ท์œผ๋กœ Vue ํ”„๋กœ์ ํŠธ ๋ฐฐํฌ
    • [Vue] Vue ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•˜๊ธฐ
    mooon๐ŸŒ™
    mooon๐ŸŒ™
    ๊ฐœ๋ฐœ ๊ณต๋ถ€ ๊ธฐ๋ก

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”