๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก2021/12/01 (11)

DATA101

[์—๋Ÿฌ ํ•ด๊ฒฐ] node : 'node' ์šฉ์–ด๊ฐ€ cmdlet, ํ•จ์ˆ˜, ์Šค ํฌ๋ฆฝํŠธ ํŒŒ์ผ ๋˜๋Š” ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ ๊ทธ๋žจ ์ด๋ฆ„์œผ๋กœ ์ธ์‹๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๐Ÿ‘จ‍๐Ÿ’ป ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ node : 'node' ์šฉ์–ด๊ฐ€ cmdlet, ํ•จ์ˆ˜, ์Šค ํฌ๋ฆฝํŠธ ํŒŒ์ผ ๋˜๋Š” ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ ๊ทธ๋žจ ์ด๋ฆ„์œผ๋กœ ์ธ์‹๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๐Ÿ‘€ ์—๋Ÿฌ ์ƒํ™ฉ VS Code ํ„ฐ๋ฏธ๋„์—์„œ node ๋ช…๋ น์–ด๋ฅผ ํ™œ์šฉํ•˜์—ฌ JavaScript ํŒŒ์ผ์„ ์‹คํ–‰ํ–ˆ๋”๋‹ˆ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์‹ค JavaScript์— ๊ตญํ•œ๋œ ๋ฌธ์ œ๋Š” ์•„๋‹™๋‹ˆ๋‹ค. ๐Ÿ‘ป ์›์ธ ์›์ธ์€ ์•„๋ž˜์™€ ๊ฐ™์ด ๊ธฐ๋ณธ ํ„ฐ๋ฏธ๋„์ด powershell๋กœ ์„ค์ •๋˜์–ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๐Ÿ’ก ํ•ด๊ฒฐ๋ฐฉ๋ฒ• Step 1 VS Code ๊ธฐ๋ณธ ํ„ฐ๋ฏธ๋„์„ ๋ณ€๊ฒฝํ•ด ์ฃผ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. VS Code ์ฐฝ์—์„œ ํ‚ค๋ณด๋“œ Ctrl + Shift + p๋ฅผ ๋ˆŒ๋Ÿฌ์ค๋‹ˆ๋‹ค. Step 2 ์•„๋ž˜์™€ ๊ฐ™์€ ์ฐฝ์— Select Default Profile์„ ์ž…๋ ฅํ•˜๊ณ  ์—”ํ„ฐ ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ์ค๋‹ˆ๋‹ค. Step 3 ์•„๋ž˜์™€ ๊ฐ™์ด Command..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 09:02
[JavaScript] ์ƒ์„ฑ์ž ํ•จ์ˆ˜ ํ™œ์šฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž!

๐Ÿ’ก๋ชฉํ‘œ JavaScript์—์„œ ์ƒ์„ฑ์ž ํ•จ์ˆ˜์˜ ํ™œ์šฉ๋ฒ•์— ๋Œ€ํ•ด ์ดํ•ดํ•œ๋‹ค. ์ƒ์„ฑ์ž ํ•จ์ˆ˜ ์ •์˜ Java, Python ๋“ฑ ์—ฌ๋Ÿฌ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํด๋ž˜์Šค(Class)๊ฐ€ JavaScript์—์„œ ๊ณง ์ƒ์„ฑ์ž(Constructor)์ž…๋‹ˆ๋‹ค. JavaScript์—์„œ๋Š” ํ•จ์ˆ˜๋ช…์˜ ์ฒซ ๊ธ€์ž๋ฅผ ๋Œ€๋ฌธ์ž๋กœ ํ‘œ์‹œํ•˜์—ฌ ์ƒ์„ฑ์ž๋ฅผ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์ธ ํด๋ž˜์Šค์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์ƒ์„ฑ์ž ํ•จ์ˆ˜๋Š” ํ•„๋“œ, ํ•จ์ˆ˜๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ์‹œ ์ฝ”๋“œ ์•„๋ž˜ ์˜ˆ์‹œ ์ฝ”๋“œ์™€ ํ•จ๊ป˜ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. // ํ•จ์ˆ˜๋ช…์˜ ์ฒซ ๊ธ€์ž๊ฐ€ ๋Œ€๋ฌธ์ž์ธ ๊ฒฝ์šฐ = ์ƒ์„ฑ์ž ํ•จ์ˆ˜ function ConstructorExample(){ // ----ํ•„๋“œ ์‹œ์ž‘---- this.name = 'Tony'; this.age = 20; // ๋ฉค๋ฒ„ ๋ณ€์ˆ˜(ํ•„๋“œ) // ----ํ•„๋“œ ๋---- // ----๋ฉค๋ฒ„ ..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 08:27