๋ฐ˜์‘ํ˜•

๊ฐœ๋ฐœ ๐Ÿพ/ETC 3

node ๋ฒ„์ „์„ ์—ฌ๋Ÿฌ๊ฐœ ์“ฐ๊ณ ์‹ถ๋‹ค๋ฉด NVM์„ ์จ๋ณด์ž

Node.js๋Š” ๋‹ค๋“ค ์•Œ๋‹ค์‹œํŒŒ ์›น ๋ธŒ๋ผ์šฐ์ € ์™ธ๋ถ€์—์„œ JavaScript ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” JavaScript ๋Ÿฐํƒ€์ž„ ํ™˜๊ฒฝ์ด์ฃ ? ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋“ค์€ NPM์„ ์„ค์น˜ํ•˜์—ฌ node์˜ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด NVM์€ ๋ฌด์—‡์ผ๊นŒ์š”? NVM์€ Node Version Manager์˜ ์•ฝ์ž๋กœ, ์ปดํ“จํ„ฐ์—์„œ ์—ฌ๋Ÿฌ ๋ฒ„์ „์˜ Node.js๋ฅผ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. NVM์„ ์‚ฌ์šฉํ•˜๋ฉด ์ปดํ“จํ„ฐ์˜ ๋‹ค๋ฅธ Node.js ๋ฒ„์ „ ๊ฐ„์— ์‰ฝ๊ฒŒ ์ „ํ™˜ํ•˜๊ณ , ํŠน์ • ๋ฒ„์ „์„ ์„ค์น˜ ๋ฐ ์ œ๊ฑฐํ•˜๋ฉฐ, ๊ธ€๋กœ๋ฒŒ ๋ฐ ํ”„๋กœ์ ํŠธ๋ณ„ Node.js ๋ฒ„์ „์„ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„œ๋กœ ๋‹ค๋ฅธ ๋ฒ„์ „์˜ Node.js๋ฅผ ์„œ๋กœ ๋‹ค๋ฅธ ๋””๋ ‰ํ† ๋ฆฌ์— ์„ค์น˜ํ•˜๊ณ , ์‹œ์Šคํ…œ์˜ PATH ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ์ˆ˜์ •ํ•˜์—ฌ ์„œ๋กœ ์ „ํ™˜ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ธฐ๋Šฅ์€ ๋‹ค๋ฅธ ๋ฒ„..

Microsoft Azure ๊ฐ„๋‹จ ์„ธํŒ…

๋ฆฌ์•กํŠธ์—์„œ ๊ฐ•์˜๋ฅผ ๋“ฃ๋˜์ค‘ azure ๋Š” ์ฒ˜์Œ ์จ๋ด์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ์„ธํŒ…ํ•˜๋Š”๋ฒ•์„ ์ •๋ฆฌํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค. (ํด๋ผ์šฐ๋“œ์ƒ์—์„œ ์„œ๋ฒ„ ์„ธํŒ…์€ ์ฒ˜์Œ์ด๋ผ ํ˜น์‹œ ์ž˜๋ชป๋œ ์  ์žˆ์œผ๋ฉด ์ง€์ ์ข€์š”.. ) ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ต์ง€ ์•Š๊ณ  ํด๋ฆญ ๋ช‡ ๋ฒˆ์œผ๋กœ ์„ธํŒ…ํ•ด์ฃผ๋ฉด ๋˜๋„ค์š”. ๋ฌด๋ฃŒ ์ฒดํ—˜๊ณ„์ •์„ ์ƒ์„ฑํ•ด์„œ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. github ๊ณ„์ •์œผ๋กœ๋„ ์ƒ์„ฑ์ด ๋˜์„œ ๊ณ„์ •๊ฐ€์ž…ํ•˜๋Š”๊ฒƒ๋„ ์‰ฝ์ง€๋งŒ, ์—ญ์‹œ๋‚˜ ์‹ ์šฉ์นด๋“œ ๋“ฑ๋ก ์ ˆ์ฐจ๋ฅผ ์ง„ํ–‰ํ•ด์•ผํ•˜๋ฉฐ 12๊ฐœ์›” ๋™์•ˆ ๋ณ„๋„ ๋น„์šฉ์—†์ด ์ œ๊ณต๋˜๋Š” ์„œ๋น„์Šค์™€ 200๋‹ฌ๋Ÿฌ ํฌ๋ ˆ๋”ง์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•˜๋„ค์š”. ๋ฌด๋ฃŒ์ฒดํ—˜๊ณ„์ •์ƒ์„ฑ์€ ์—ฌ๊ธฐ์„œํ•˜๋ฉด ๋˜๊ณ  ๊ณ„์ •์ƒ์„ฑ ํ›„ vm์ƒ์„ฑ์€ ์—ฌ๊ธฐ์„œ ํ•˜๋ฉด ๋˜๋Š” ๊ฒƒ ๊ฐ™์•„์š”. ์šฐ์„  ๊ฐ€์ƒ๋จธ์‹ ์„ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด ์‹œ์ž‘์„ ๋ˆ„๋ฅด๊ณ  ์›ํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด ๊ฒ€์ƒ‰ ํ›„ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค. ์ €๋Š” ๊ฐ•์˜๋ฅผ ๋ณด๋ฉด์„œ ์ง„ํ–‰ํ–ˆ๋˜๊ฑฐ๋ผ์„œ Window 10์œผ๋กœ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ๋งŒ๋“ค..

VS Code ์‚ฌ์šฉํ•˜๋ฉด์„œ ์œ ์šฉํ•œ ๊ธฐ๋Šฅ๋“ค ์ •๋ฆฌ!

* VSCode ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ๋‹จ์ถ•ํ‚ค 1. Tabํ‚ค ์•ˆ๋จน์„ ๋•Œ ๊ฐ•์•„์ง€๊ฐ€ ํ‚ค๋ณด๋“œ์—์„œ ๋ฐœ์žฅ๊ตฌ๋ฅผ ์ณค๋”๋‹ˆ VSCode ์—๋””ํ„ฐ ํ™”๋ฉด์—์„œ ๊ฐ‘์ž๊ธฐ ํƒญํ‚ค๊ฐ€ ๋จน์งˆ ์•Š์•˜๋‹ค. ํƒญํ‚ค ๋Œ€์‹  ์™ผ์ชฝ ๋ฉ”๋‰ด ๋ถ€๋ถ„์ด ํ™œ์„ฑํ™” ๋œ๋‹ค๋ฉด Ctrl + M ์„ ๋ˆ„๋ฅด๋ฉด ํ•ด์ œ๋œ๋‹ค. 2. ๊ฐ™์€ ๋‹จ์–ด ์„ ํƒํ•˜๊ธฐ Ctrl + D : Ctrl ๋ˆ„๋ฅธ ์ƒํƒœ์—์„œ d ๋ฅผ ๋ˆ„๋ฅด๋ฉด ๊ฐ™์€ ๋‹จ์–ด๋ฅผ ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋‹ค. ์™„์ „ ์Šต๊ด€์ฒ˜๋Ÿผ ์”€. * React Snippets ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ 1. React Snippets ์„ค์ •ํ•˜๊ธฐ React Snippets ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋‹ค์šด ๋ฐ›๋Š”๋‹ค. - ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ์„ธํŒ… { "workbench.iconTheme": "material-icon-theme", "workbench.startupEditor": "newUntitledFile", "peacoc..

๋ฐ˜์‘ํ˜•