๐Ÿ’ป์šฉ๋‡ฝ ๊ฐœ๋ฐœ ๋…ธํŠธ๐Ÿ’ป
article thumbnail
[JavaScript]์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฒดํฌ ๋ฐ•์Šค ์„ ํƒ,ํ•ด์ œ ์‹œ ๋ฒ„ํŠผ ํ™œ์„ฑํ™”,๋น„ํ™œ์„ฑํ™”(ํšŒ์› ๊ฐ€์ž…,์•ฝ๊ด€ ๋™์˜) ์˜ˆ์ œ ์ฝ”๋“œ

๐Ÿ“– ๋“ค์–ด๊ฐ€๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•œ ํšŒ์›๊ฐ€์ž…, ์•ฝ๊ด€ ๋™์˜ ์˜ˆ์ œ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋ฉด jQuery๋ฅผ ์ด์šฉํ•œ ์˜ˆ์ œ๊ฐ€ ๋งŽ์€๋ฐ, ์š”์ฆ˜์—๋Š” jQuery๋ฅผ ๋งŽ์ด ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ์ถ”์„ธ์ด๊ณ , ์ˆœ์ˆ˜ Vanilla ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒƒ์ด ๋งค์šฐ ๋„์›€์ด ๋˜๊ธฐ ๋•Œ๋ฌธ์— jQuery ์—†์ด ์ˆœ์ˆ˜ Vanilla ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ์˜ˆ์ œ๋ฅผ ๋งŒ๋“ค์–ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์™„์„ฑ ํ™”๋ฉด HTML ๊ตฌ์„ฑ JUN { item.checked = true; agreements[item.id] = true; item.parentNode.classList.add('active'); }); } item(์ฒดํฌ๋ฐ•์Šค)์˜ checked๋ฅผ true๋กœ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. ( checked๋ฅผ true๋ฅผ ์ฃผ๋ฉด ์ฒดํฌ ๋ฐ•์Šค๋Š” ์ฒดํฌ๊ฐ€ ๋จ.) ๊ทธ๋‹ค์Œ ์œ„์—์„œ ์ž‘์„ฑํ•œ Object์—์„œ ์ฒดํฌ๋ฐ•์Šค์˜ ..

article thumbnail
[JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น(Destructuring), ๊ฐ์ฒด ๊ตฌ์กฐ ๋ถ„ํ•ด | ES6+

๐Ÿ“– ๋“ค์–ด๊ฐ€๋ฉฐ ๋‚ด๊ฐ€ ์ตœ๊ทผ์— Vanilla JavaScript๋ฅผ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์•Œ๊ฒŒ ๋œ ๊ฒƒ์ด ๋ฐ”๋กœ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ES6 ๋ฌธ๋ฒ•์ธ ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น(Destructuring)์ด๋‹ค. ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น(Destructuring) ๊ฐ์ฒด ๊ตฌ์กฐ ๋ถ„ํ•ด๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ณ€์ˆ˜๋ฅผ ์ž‘์„ฑํ•˜๊ฒŒ ๋˜๋ฉด, ๋ฐฐ์—ด์ด๋‚˜, ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•œ ๋ณ€์ˆ˜๊ฐ€ ๊ฐ„๊ฒฐํ•˜๋ฉด์„œ๋„ ๋ณด๊ธฐ ์‰ฝ๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์–ด์„œ ์œ ์šฉํ•˜๋‹ค. ๊ทธ๋ž˜์„œ, ์ด๋ฒˆ์—๋Š” ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น(Destructuring), ๊ฐ์ฒด ๊ตฌ์กฐ ๋ถ„ํ•ด๊ฐ€ ๋ฌด์—‡์ด๊ณ , ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€ ์ •๋ฆฌํ•ด๋ณด๊ฒ ๋‹ค. 1. ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น(Destructuring)์ด๋ž€ โ“ ๊ตฌ์กฐ ๋ถ„ํ•ด ํ• ๋‹น ๊ตฌ๋ฌธ์€ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด์˜ ์†์„ฑ์„ ํ•ด์ฒดํ•˜์—ฌ ๊ทธ ๊ฐ’์„ ๊ฐœ๋ณ„ ๋ณ€์ˆ˜์— ๋‹ด์„ ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” JavaScript ํ‘œํ˜„์‹์ด๋‹ค. -(MDN) ์ด๋กœ์„œ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ์ฒด๋ฅผ ๋ณ€์ˆ˜์— ๋‹ด์•„..

article thumbnail
[Python] ํŒŒ์ด์ฌ์˜ ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ• | variable declaration, variable naming

(๋ณธ ๋‚ด์šฉ์€ ๋…ธ๋งˆ๋“œ ์ฝ”๋”๋‹˜์˜ [Python์œผ๋กœ ์›น ์Šคํฌ๋ž˜ํผ ๋งŒ๋“ค๊ธฐ] ๊ฐ•์˜๋ฅผ ํ† ๋Œ€๋กœ ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.) ๐Ÿ“– ๋“ค์–ด๊ฐ€๋ฉฐ ํŒŒ์ด์ฌ์€ ๋‹ค๋ฅธ ์ปดํ“จํ„ฐ ์–ธ์–ด๋“ค๋ณด๋‹ค ๋น„๊ต์  ์‰ฝ๊ณ  ์ƒ๊ฐ๋ณด๋‹ค ํ›จ์”ฌ ๋งŽ์€ ๊ธฐ๋Šฅ๋“ค์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ๋งŒํผ ์ธ๊ธฐ๋„ ๋งŽ์€ ์–ธ์–ด์ž…๋‹ˆ๋‹ค. 1. ํŒŒ์ด์ฌ์—์„œ ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ• ๋จผ์ € ํŒŒ์ด์ฌ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„ ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํŒŒ์ด์ฌ์€ ์ผ๋ฐ˜์ ์œผ๋กœ C๋‚˜ JAVA์™€ ๊ฐ™์ด ๋ณ€์ˆ˜ ํƒ€์ž…์„ ๋”ฐ๋กœ ์ง€์ •ํ•˜์ง€ ์•Š์•„๋„ ๋ฉ๋‹ˆ๋‹ค. ๋˜, ๋‹ค๋ฅธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์—์„œ๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ช…๋ น์„ ๋งˆ์น  ๋•Œ ์„ธ๋ฏธ์ฝœ๋ก  (;)์„ ๋ถ™์ด์ง€๋งŒ ํŒŒ์ด์ฌ์—์„œ๋Š” ์„ธ๋ฏธ์ฝœ๋ก  (;)์„ ๋ถ™์ด์ง€ ์•Š์•„๋„ ๋ฉ๋‹ˆ๋‹ค. ํŒŒ์ด์ฌ์—์„œ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋งค์šฐ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค. (function()์— ๊ด€ํ•œ ๋‚ด์šฉ์€ ์ถ”ํ›„ ์ •๋ฆฌํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.) a = 1 b = 2 print(a + b) ๋ณ€์ˆ˜..

article thumbnail
[Python] ํŒŒ์ด์ฌ์˜ ์ž๋ฃŒํ˜•(Data Types) | ๋ฐ์ดํ„ฐ ํƒ€์ž…

(๋ณธ ๋‚ด์šฉ์€ ๋…ธ๋งˆ๋“œ ์ฝ”๋”๋‹˜์˜ [Python์œผ๋กœ ์›น ์Šคํฌ๋ž˜ํผ ๋งŒ๋“ค๊ธฐ] ๊ฐ•์˜๋ฅผ ํ† ๋Œ€๋กœ ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.) ๐Ÿ“– ๋“ค์–ด๊ฐ€๋ฉฐ ์•ž์„  ์ •๋ฆฌ ๊ธ€์—์„  ํŒŒ์ด์ฌ์˜ ๋ณ€์ˆ˜ ์„ ์–ธ2020/12/14 - [๊ฐœ๋ฐœ ๊ณต๋ถ€/Python] - [Python] ํŒŒ์ด์ฌ์˜ ๋ณ€์ˆ˜ ์„ ์–ธ ๋ฐฉ๋ฒ• | variable declaration, variable naming ์— ๋Œ€ํ•ด ์•Œ์•„๋ดค์—ˆ์Šต๋‹ˆ๋‹ค. ๋ณ€์ˆ˜์˜ ์„ ์–ธ ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ดค์œผ๋‹ˆ, ์ด์ œ ๋ณ€์ˆ˜๋ฅผ ์ง์ ‘์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํŒŒ์ด์ฌ์˜ ์ž๋ฃŒํ˜•(Data types)์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณผ ๊ฒƒ์ž…๋‹ˆ๋‹ค. 1. ํŒŒ์ด์ฌ์˜ ์ž๋ฃŒํ˜•(Data Types) ํŒŒ์ด์ฌ์€ ์ •์ˆ˜, ์‹ค์ˆ˜, ๋ฌธ์ž, ๋…ผ๋ฆฌํ˜• ๋“ฑ ๊ธฐ๋ณธ ์ž๋ฃŒํ˜• ํ˜•ํƒœ๋ฅผ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ๋จผ์ € ๊ธฐ๋ณธ์ ์ธ Data Type์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณผ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ฌธ์žํ˜•(String type): ๋ฌธ์ž์—ด์€ ๋ฐ˜๋“œ์‹œ ์ž‘์€๋”ฐ์˜ดํ‘œ๋‚˜,..