Vue 4

Node.js, VSCode ์‚ญ์ œ

๊ฐœ๋ฐœ์— ์œ ์šฉํ•œ ๋ชจ๋“ˆ์„ ์„ค์น˜ํ•˜๋‹ค๊ฐ€ npm audit fix๋ฅผ ํ•˜๋ผ๊ณ  ๋ฌธ๊ตฌ๊ฐ€ ๋–ด์„ ๋•Œ, npm audit fix๋ฅผ ํ•ด์„œ ํ•ด๊ฒฐ๋˜๋Š” ๊ฒฝ์šฐ๋„ ์žˆ์ง€๋งŒ, npm audit์œผ๋กœ ์ทจ์•ฝ์  ๋ชฉ๋ก์„ ๋ณด๊ณ  ์ง์ ‘ ํ•ด๊ฒฐํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ๋„ ์žˆ๋‹ค. npm audit๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ์ทจ์•ฝ์  ๋ ˆ๋ฒจ๋ณ„๋กœ ๊ฐœ์ˆ˜๊ฐ€ ๋‚˜์˜จ๋‹ค ( 1 low, 2 moderate, 3 high, 5 critical ) < ์ด๋Ÿฐ์‹์œผ๋กœ ์ˆ˜๋™์œผ๋กœ ๊ณ„์† ํ•˜๋‹ค๊ฐ€ ์ ์  ๊ผฌ์ด๋Š” ๋Š๋‚Œ์ด ๋‚˜์„œ ์ƒˆ๋กœ ์‹œ์ž‘ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. VSCode๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ ์ดˆ๊ธฐํ™”๋„ ์‹œํ‚ค๊ณ ์‹ถ์—ˆ๊ณ  ๊ทธ๋ƒฅ ์ดˆ๊ธฐํ™”๋œ ์ƒํƒœ๋กœ ์ƒˆ๋กœ ์‹œ์ž‘ํ•˜๊ณ  ์‹ถ์—ˆ๋‹ค. Node.js ์‚ญ์ œ ํ•ด๋‹น ํด๋”๋ฅผ ์‚ญ์ œํ•˜๊ณ , Unistall Node.js๋ฅผ ์‹คํ–‰ํ•˜๊ฑฐ๋‚˜ 'ํ”„๋กœ๊ทธ๋žจ ์ถ”๊ฐ€/์ œ๊ฑฐ'์—์„œ Node.js๋ฅผ ์‚ญ์ œํ•œ๋‹ค. C:\Program Files (x86)\Node..

Vue 2019.09.19

Vue.js - (๊ฐœ๋ฐœํ™˜๊ฒฝ์…‹ํŒ…) VSCode - Git ์—ฐ๋™

VSCode - Git ์—ฐ๋™ 1. ๋ฌธ์„œ๋ชจ์–‘ ์•„์ด์ฝ˜ ํด๋ฆญ -> ํ”„๋กœ์ ํŠธ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ 2. ์ปค๋ฐ‹ ํ…Œ์ŠคํŠธ -> ์ปค๋ฐ‹ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•ด ํŒŒ์ผ์„ ์•„๋ฌด๊ฑฐ๋‚˜ ๋งŒ๋“ ๋‹ค. test.index๋Š” testindex.html ํ•˜๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ ์„ž์˜€๋‚˜๋ณด๋‹ค. 3. ํŒŒ์ผ์„ ์Šคํ…Œ์ด์ง€๋กœ ๋ณ€๊ฒฝ -> ํŒŒ์ผ ์šฐํด๋ฆญ Stage Changes๋ฅผ ํด๋ฆญํ•˜๊ฑฐ๋‚˜, ํŒŒ์ผ ์˜† '+' ์•„์ด์ฝ˜์„ ํด๋ฆญํ•ด์„œ ์Šคํ…Œ์ด์ง€์— ์˜ฌ๋ฆฐ๋‹ค. 4. ์Šคํ…Œ์ด์ง•๋œ ํŒŒ์ผ์„ ์ปค๋ฐ‹ -> ์ปค๋ฐ‹ ๋ฉ”์‹œ์ง€๋ฅผ ์ž…๋ ฅ ํ›„, ์ฒดํฌ ์•„์ด์ฝ˜ ํด๋ฆญ ( … ์•„์ด์ฝ˜์„ ํด๋ฆญ -> ์Šคํ…Œ์ด์ง•๋œ ํŒŒ์ผ ์ปค๋ฐ‹ ํด๋ฆญ์œผ๋กœ๋„ ๊ฐ€๋Šฅ) 5. VSCode์—์„œ ctl+` ๋ˆ„๋ฅด๊ณ  ํ„ฐ๋ฏธ๋„์— git remote add origin 'url' ์ž…๋ ฅ -> url ํ™•์ธ 6. … ์•„์ด์ฝ˜ ํด๋ฆญ ํ›„ ๋‹ค์Œ์œผ๋กœ ํ‘ธ์‰ฌ ํด๋ฆญ 7. ์ƒ๋‹จ์— branch ์„ ํƒ ์ฐฝ์ด ๋œจ๋ฉด ..

Vue 2019.09.19

Vue.js - (๊ฐœ๋ฐœํ™˜๊ฒฝ์…‹ํŒ…) Vue CLI 3 ์„ค์น˜ / Vue CLI 2 ์‚ญ์ œ

OS : Window10 , Browser : Chrome CLI (Command Line Interface) : cmd์ฐฝ์—์„œ (๋งฅ: ํ„ฐ๋ฏธ๋„) ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•ด ๋™์ž‘์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋„๊ตฌ Vue CLI 3 ์„ค์น˜ - ์ƒˆ๋กœ ์„ค์น˜ํ•˜๋Š” ๊ฒฝ์šฐ : npm i -g @vue/cli ์ž…๋ ฅ - 2.x ๋ฒ„์ „ ์‚ญ์ œ ํ›„ 3.x ๋ฒ„์ „ ์„ค์น˜ํ•˜๋Š” ๊ฒฝ์šฐ : npm r -g vue-cli ์ž…๋ ฅ ํ›„, npm i npm i -g @vue/cli ์ž…๋ ฅ vue --version // ํ˜„์žฌ ๋ฒ„์ „ ํ™•์ธ npm r -g vue-cli // 2.x ๋ฒ„์ „ ์ง€์šฐ๊ธฐ npm r -g @vue/cli // 3.x ๋ฒ„์ „ ์ง€์šฐ๊ธฐ npm i -g @vue/cli // 3.x ๋ฒ„์ „ ์„ค์น˜ npm i -g vue-cli // 2.x ๋ฒ„์ „ ์„ค์น˜ Vue CLI๋กœ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ..

Vue 2019.09.18

Vue.js - (๊ฐœ๋ฐœํ™˜๊ฒฝ์…‹ํŒ…) Node.js / Visual Studio Code ํ•œ๊ธ€ํ™” / vue.js devtools ์„ค์น˜

OS : Window10 , Browser : Chrome Node.js ์„ค์น˜ 1. https://nodejs.org/ko/ - LTS ๋ฒ„์ „์œผ๋กœ ์„ค์น˜ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. cmd์ฐฝ์—์„œ node -v ์ž…๋ ฅ, node.js ์„ค์น˜ ํ™•์ธ VSCode (Visual Studio Code) ์„ค์น˜ 1. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platf..

Vue 2019.09.09