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

๋ชฉ๋ก์ „์ฒด ๊ธ€ (350)

DATA101

[VS Code] ์œ ์šฉํ•œ ๋‹จ์ถ•ํ‚ค ๊ณต์œ (๋ธŒ๋ ˆ์ดํฌ ํฌ์ธํŠธ, ์ž๋™ ๋“ค์—ฌ์“ฐ๊ธฐ, ๋””๋ฒ„๊น…)

VS Code์—์„œ ์ž๋™ ๋“ค์—ฌ์“ฐ๊ธฐ, ๋””๋ฒ„๊น…, ๋ธŒ๋ ˆ์ดํฌํฌ์ธํŠธ๋ฅผ ์ฐ๋Š” ๋‹จ์ถ•ํ‚ค๋ฅผ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ž˜ ๋‹จ์ถ•ํ‚ค๋ฅผ ์ž˜ ์ˆ™์ง€ํ•˜์‹œ๋ฉด ํ”„๋กœ๊ทธ๋žจ์„ ์œ ์ง€๋ณด์ˆ˜ํ•˜๋Š” ๋ฐ ๋งค์šฐ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ๋‹จ์ถ•ํ‚ค ์„ค๋ช… F5 ๋””๋ฒ„๊น… F9 (์ปค์„œ์žˆ๋Š” ๋ผ์ธ) ๋ธŒ๋ ˆ์ดํฌ ํฌ์ธํŠธ ์ฐ๊ธฐ F10 ํ•œ์ค„์”ฉ(Next) ๋””๋ฒ„๊น… Shift + F5 ๋””๋ฒ„๊น… ์ข…๋ฃŒ Ctrl + K + F ์ž๋™ ๋“ค์—ฌ์“ฐ๊ธฐ ํฌ์ŠคํŒ… ๋‚ด์šฉ์— ์˜ค๋ฅ˜๊ฐ€ ์žˆ๋‹ค๋ฉด ์•„๋ž˜์— ๋Œ“๊ธ€ ๋‚จ๊ฒจ์ฃผ์„ธ์š”! ๊ทธ๋Ÿผ ์˜ค๋Š˜๋„ ์ฆ๊ฒ๊ณ  ๊ฑด๊ฐ•ํ•œ ํ•˜๋ฃจ ๋ณด๋‚ด์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๊ณ ๋ง™์Šต๋‹ˆ๋‹ค :-)

SW ๊ฐœ๋ฐœ/etc 2021. 12. 1. 09:34
[์—๋Ÿฌ ํ•ด๊ฒฐ] 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
[JavaScript] ๋ณ€์ˆ˜ ๊ฐ„ ๊ฐ’, ํƒ€์ž… ๋น„๊ต ์—ฐ์‚ฐ('=='๊ณผ '==='์˜ ์ฐจ์ด์ )

๐Ÿ’ก ํ•™์Šต ๋ชฉํ‘œ JavaScript์—์„œ ๋ณ€์ˆ˜ ๊ฐ„ ๊ฐ’๊ณผ ํƒ€์ž…์„ ๋น„๊ตํ•˜๋Š” ์—ฐ์‚ฐ์ž ์ข…๋ฅ˜์™€ ํ™œ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ดํ•ดํ•œ๋‹ค. ๋ณ€์ˆ˜ ์„ ์–ธ ์ˆซ์žํ˜•์˜ ๋ณ€์ˆ˜ a์™€ ๋ฌธ์ž์—ด์˜ ๋ณ€์ˆ˜ b๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. a = 123 // ์ˆซ์žํ˜• b = '123' // ๋ฌธ์ž์—ด ๋ณ€์ˆ˜ ๊ฐ„ ๊ฐ’์ด๋‚˜ ํƒ€์ž…์„ ๋น„๊ตํ•  ๋•Œ๋Š” '=='๊ณผ '===' ๊ธฐํ˜ธ๋ฅผ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ฐ๊ฐ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. 1. ๊ฐ’ ๋น„๊ต(==) ๋‘ ๋ณ€์ˆ˜ a, b์˜ ๊ฐ’๋งŒ ๋น„๊ตํ•  ๋•Œ๋Š” '==' ๊ธฐํ˜ธ๋ฅผ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค. conosole.log(a == b); ์‹คํ–‰๊ฒฐ๊ณผ ๋‘ ๋ณ€์ˆ˜์˜ ํƒ€์ž…์€ ์ˆซ์žํ˜•๊ณผ ๋ฌธ์žํ˜•์ด์ง€๋งŒ ๊ฐ’์€ ๊ฐ™๊ธฐ ๋•Œ๋ฌธ์— true๊ฐ€ ๋ฐ˜ํ™˜๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. true 2. ๊ฐ’ & ํƒ€์ž… ๋น„๊ต(===) ๊ฐ’๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ณ€์ˆ˜ ํƒ€์ž…๊นŒ์ง€ ๋น„๊ตํ•  ๋•Œ๋Š” '===' ๊ธฐํ˜ธ๋ฅผ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค. conosole.log(a ===..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 11. 30. 14:31
[JavaScript] ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ• ๋ฐ ๋ณ€์ˆ˜ ํƒ€์ž… ํ™•์ธํ•˜๋Š” ๋ฐฉ๋ฒ•

๐Ÿ’ก ํ•™์Šต๋ชฉํ‘œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ• ๋ฐ ๋ณ€์ˆ˜ ํƒ€์ž… ํ™•์ธ ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•œ๋‹ค. ๋ชฉ์ฐจ 1. ๋ณ€์ˆ˜ ์„ ์–ธ ํƒ€์ž… 3๊ฐ€์ง€ 1) var ํƒ€์ž… 2) let ํƒ€์ž… 3) const ํƒ€์ž… 2. ๋ณ€์ˆ˜ ํƒ€์ž… ํ™•์ธ: typeof() 1. ๋ณ€์ˆ˜ ์„ ์–ธ ํƒ€์ž… 3๊ฐ€์ง€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•  ๋•Œ๋Š” var, let, const ์ค‘ ํ•˜๋‚˜๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. 1) var ํƒ€์ž… ์ง€๊ธˆ์œผ๋กœ๋ถ€ํ„ฐ 5~6๋…„ ์ „์—๋งŒ ํ•ด๋„ var ํƒ€์ž…์„ ์‚ฌ์šฉํ•ด์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜์˜€์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ตœ๊ทผ์—๋Š” var ํƒ€์ž…์€ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  let ํƒ€์ž…์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. var a = 10; var b = 'ํ˜ธ๋ž‘์ด'; var c = true; console.log(a, b, c); ์‹คํ–‰๊ฒฐ๊ณผ C:\Program Files\nodejs\node.exe .\sample01.js 10 ํ˜ธ..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 11. 30. 11:51
[JavaScript] if ์กฐ๊ฑด๋ฌธ์ด ๋‹จ์ค„์ธ ๊ฒฝ์šฐ ํด๋ฆฐ ์ฝ”๋“œ ์ž‘์„ฑ๋ฒ•!

JavaScript์—์„œ ์กฐ๊ฑด๋ฌธ์ด ๋‹จ๋ฌธ์ธ(1 line) ๊ฒฝ์šฐ ๋”์šฑ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋Œ€์ค‘์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๊ตฌ๋ฌธ์ด๋‹ˆ ์ฐธ๊ณ ํ•˜์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์ธ ์กฐ๊ฑด๋ฌธ ์•„๋ž˜ ์ฝ”๋“œ๋Š” ์กฐ๊ฑด๋ฌธ ์ž‘์„ฑ์˜ ์ •์„ ์ฝ”๋“œ๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ์ฃ . ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์กฐ๊ฑด๋ฌธ scope ์•ˆ์— ์ฝ”๋“œ๊ฐ€ ๋‹จ๋ฌธ์ผ ๊ฒฝ์šฐ ๋”์šฑ ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. let num = 100; if (num > 50){ console.log(num); } ํด๋ฆฐ ์ฝ”๋“œ && ์—ฐ์‚ฐ์ž๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์กฐ๊ฑด์‹์„ ์—ฐ์‚ฐ์ž ์ขŒ์ธก์—, ์กฐ๊ฑด๋ฌธ ๋‚ด ์‹คํ–‰๋ฌธ์„ ์—ฐ์‚ฐ์ž ์šฐ์ธก์— ์ž‘์„ฑํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. let num = 100; num > 50 && console.log(num); ์œ„ ์ฝ”๋“œ๋ฅผ ์ฒ˜์Œ ๋ณด๋Š” ๋ถ„๋“ค์€ ๋‹ค์†Œ ์–ด์ƒ‰ํ•ดํ•˜์‹ค ์ˆ˜ ์žˆ์ง€๋งŒ, ์‹ค๋ฌด์—์„œ๋„ ๋Œ€์ค‘์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ๊ตฌ๋ฌธ์ด๋‹ˆ ์ฐธ๊ณ ํ•˜์‹œ์–ด ํ™œ์šฉํ•˜..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 11. 30. 11:20
Node.js ์„ค์น˜ ๋ฐฉ๋ฒ• ๊ณต์œ !(+์„ค์น˜ ์—๋Ÿฌ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•)

๐Ÿ’กํ•™์Šต๋ชฉํ‘œ Node.js ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•๊ณผ ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค. Node.js ์„ค์น˜์—ฌ๋ถ€ ํ™•์ธ cmd ์ฐฝ์— ์•„๋ž˜ ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•ด ๋ด…๋‹ˆ๋‹ค. (cmd ์ฐฝ ํ‚ค๋Š” ๋ฐฉ๋ฒ•: ํ‚ค๋ณด๋“œ ๋‚ด ์œˆ๋„์šฐ ๋ฒ„ํŠผ + cmd ์ž…๋ ฅ) node -v ์•„๋ž˜์™€ ๊ฐ™์€ ๋ฌธ์žฅ์ด ์ถœ๋ ฅ๋˜๋ฉด NodeJS๊ฐ€ ์„ค์น˜๋˜์–ด ์žˆ์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. Node.js ์„ค์น˜ํ•˜๊ธฐ ์„ค์น˜ ๋งํฌ https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ๊ฐ€์žฅ ์•ˆ์ •ํ™”๋œ ๋ฒ„์ „์ธ LTS ๋ฒ„์ „(ํฌ์ŠคํŒ…์ผ ๊ธฐ์ค€ 16.13.0)์œผ๋กœ ๋‹ค์šด๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค. Next ํด๋ฆญ ๋ผ์ด์„ผ์Šค accept ํ•˜๊ณ  Next ํด๋ฆญ ํŒŒ์ผ๊ฒฝ๋กœ ์ˆ˜์ •์€ ๋ถˆํ•„์š”..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 11. 30. 08:29