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

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

DATA101

[JavaScript] ๋ฐฐ์—ด ์›์†Œ ์ œ๊ฑฐ/์ถ”๊ฐ€ ๋ฐฉ๋ฒ•(pop, shift, push, unshift ํ•จ์ˆ˜)

๐Ÿ’ก ๋ชฉํ‘œ JavaScript์—์„œ ๋ฐฐ์—ด์˜ ์›์†Œ ์ถ”๊ฐ€/์‚ญ์ œํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ดํ•ดํ•œ๋‹ค. ๋“ค์–ด๊ฐ€๋ฉฐ ๋ฐฐ์—ด ์„ ์–ธ const arr = [80, 20, 10, 15]; ์œ„์™€ ๊ฐ™์ด ๋ฐฐ์—ด ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋™์‹œ์— ์ดˆ๊ธฐํ™”ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ•จ์ˆ˜ ๊ตฌ๋ถ„ ์›๋ณธ ๋ฐ์ดํ„ฐ ์ˆ˜์ •์—ฌ๋ถ€์— ๋”ฐ๋ผ ํ•จ์ˆ˜ ์ข…๋ฅ˜๋ฅผ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค๋ช…์— ์žˆ์–ด ํ•จ์ˆ˜ ์ด๋ฆ„ ์•ž์— *์„ ๋ถ™์ธ ๊ฒฝ์šฐ๋Š” ์›๋ณธ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ํ•จ์ˆ˜์ด๋ฉฐ, *๋ฅผ ๋ถ™์ด์ง€ ์•Š์€ ํ•จ์ˆ˜๋Š” ์›๋ณธ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ •ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. 1. *pop ํ•จ์ˆ˜: ๋งจ ๋’ค ์›์†Œ ์ œ๊ฑฐ // arr = [80, 20, 10, 15]; console.log(arr.pop()); // 15 console.log(arr); // [ 80, 20, 10 ] pop ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด ๋งจ ๋’ค์˜ ์›์†Œ 1๊ฐœ๋ฅผ ์ œ๊ฑฐํ•˜๋ฉฐ, ์ œ๊ฑฐํ•œ ์›์†Œ๋ฅผ ๋ฆฌํ„ดํ•ฉ๋‹ˆ๋‹ค. 2...

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 13:07
[JavaScript] var vs let ์ฐจ์ด์  ์„ค๋ช…

๐Ÿ’ก ํ•™์Šต ๋ชฉํ‘œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ var ํƒ€์ž…๊ณผ let ํƒ€์ž… ๊ฐ„์˜ ์ฐจ์ด์ ์„ ์ดํ•ดํ•œ๋‹ค. ์ฐจ์ด์  1. ๋ณ€์ˆ˜ ์žฌ์„ ์–ธ ๊ฐ€๋Šฅ์—ฌ๋ถ€ ์ฒซ ๋ฒˆ์งธ ์ฐจ์ด์ ์€ ๋ณ€์ˆ˜ ์žฌ์„ ์–ธ ๊ฐ€๋Šฅ์—ฌ๋ถ€์ž…๋‹ˆ๋‹ค. var ํƒ€์ž…์€ ๋ณ€์ˆ˜ ์„ ์–ธ ์ดํ›„์— ๊ฐ™์€ ๋ณ€์ˆ˜๋ช…์œผ๋กœ ์žฌ์„ ์–ธ์ด ๊ฐ€๋Šฅํ•˜์ง€๋งŒ, let ํƒ€์ž…์€ ๋ณ€์ˆ˜ ์„ ์–ธ ์ดํ›„์— ๊ฐ™์€ ๋ณ€์ˆ˜๋ช…์œผ๋กœ ์žฌ์„ ์–ธ์ด ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. var show = 10; console.log(typeof(show)); var show = "์ฝ”๋ผ๋ฆฌ"; console.log(typeof(show)); let same = 30; same = "๋…์ˆ˜๋ฆฌ"; ์ฐจ์ด์  2. ์ง€์—ญ์„ฑ ์œ ์ง€์—ฌ๋ถ€ ๋‘ ๋ฒˆ์งธ ์ฐจ์ด์ ์€ ์ง€์—ญ์„ฑ ์œ ์ง€์—ฌ๋ถ€์ž…๋‹ˆ๋‹ค. var ํƒ€์ž…์€ ์ง€์—ญ์„ฑ์„ ์œ ์ง€ํ•˜์ง€ ์•Š์•„ ๋ชจ๋“  ๋ณ€์ˆ˜๋ฅผ ์ „์—ญ ๋ณ€์ˆ˜๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ˜๋ฉด, let ํƒ€์ž…์€ ์ง€์—ญ์„ฑ์„ ์œ ์ง€ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ง€์—ญ๋ณ€..

SW ๊ฐœ๋ฐœ/Vanilla JS 2021. 12. 1. 10:09
[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