๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ 15

React - Movie App ๋งŒ๋“ค๊ธฐ (1)

React์— ๋Œ€ํ•ด ์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๋Š” ์ƒํƒœ์—์„œ ๋…ธ๋งˆ๋“œ์ฝ”๋”์˜ Movie App ๋งŒ๋“ค๊ธฐ ๋ฌด๋ฃŒ๊ฐ•์˜๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค. ๊ฐ•์˜์ฃผ์†Œ : https://nomadcoders.co/react-fundamentals/lectures/1540 All Courses – ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders ์ดˆ๊ธ‰๋ถ€ํ„ฐ ๊ณ ๊ธ‰๊นŒ์ง€! ๋‹ˆ๊ผฌ์Œค๊ณผ ํ•จ๊ป˜ ํ’€์Šคํƒ์œผ๋กœ ์„ฑ์žฅํ•˜์„ธ์š”! nomadcoders.co node js, vscode, git ์„ค์น˜ํ•˜๊ธฐ https://ddoni-code.tistory.com/2?category=1065827 Vue.js - (๊ฐœ๋ฐœํ™˜๊ฒฝ์…‹ํŒ…) Node.js / Visual Studio Code ํ•œ๊ธ€ํ™” / vue.js devtools ์„ค์น˜ OS : Window10 , Browser : Chrome Node.js ์„ค์น˜ 1. ht..

React 2021.05.20

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