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)

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

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

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

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

์ตœ๊ทผ ๊ธ€

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

STUDY

[Vue] Vue ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•˜๊ธฐ
FRONT

[Vue] Vue ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•˜๊ธฐ

2020. 2. 25. 19:08
728x90

01. vue cli ๋‹ค์šด๋กœ๋“œ

npm install -g @vue/cli

02. ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

cd ๋””๋ ‰ํ„ฐ๋ฆฌ
vue create ํ”„๋กœ์ ํŠธ๋ช…

์›ํ•˜๋Š” ๋””๋ ‰ํ„ฐ๋ฆฌ๋กœ ์ด๋™ํ•œ ํ›„ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ


03. ํ”„๋กœ์ ํŠธ ์„ธํŒ…

Router - ์ฃผ์†Œ์— ๋”ฐ๋ฅธ ํ™”๋ฉด ๋ Œ๋”๋ง ๊ธฐ๋Šฅ

Vuex - ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ. ์ปดํฌ๋„ŒํŠธ ๊ฐ„์˜ ํ†ต์‹  ๋ฐ ๋ฐ์ดํ„ฐ ์ „๋‹ฌ์„ ์œ ๊ธฐ์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๋Š” ์ €์žฅ์†Œ

CSS pre-processors - css ์ „์ฒ˜๋ฆฌ๊ธฐ

 

Save this as a preset for future projects? – ํ•ด๋‹น ์„ค์ •์„ ๋‹ค์Œ ํ”„๋กœ์ ํŠธ์—๋„ ์‚ฌ์šฉํ•  ๊ฒƒ์ธ์ง€


04. ํ”„๋กœ์ ํŠธ ์‹คํ–‰

cd ํ”„๋กœ์ ํŠธ๋ช…
npm run serve

 

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

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