๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
[D+37] ๋ฐฐ์—ด์˜ for๋ฌธ, ํ•จ์ˆ˜์˜ ๊ธฐ๋ณธ, ์ฝœ๋ฐฑํ•จ์ˆ˜ ๊ตญ๋น„์ง€์› D+37 - ๋ฐฐ์—ด์˜ for๋ฌธ, ํ•จ์ˆ˜์˜ ๊ธฐ๋ณธ, ์ฝœ๋ฐฑํ•จ์ˆ˜ - ๋ฐฐ์—ด์˜ for๋ฌธ const arr = [11, 22, 33, 44, 55]; for(let i = 0; i < arr.length; i++) { console.log(i, arr[i]); } // 0 11 // 1 22 // 2 33 // 3 44 // 4 55 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ for๋ฌธ์—์„œ ์šฐ๋ฆฌ๊ฐ€ ๊ธฐ๋ณธ์ ์œผ๋กœ ์•Œ๊ณ  ์žˆ๋Š” for๋ฌธ๋„ ์กด์žฌํ•˜์ง€๋งŒ ๊ทธ๋ฐ–์—๋„ 2๊ฐ€์ง€๊ฐ€ ๋”์žˆ๋‹ค. • for in ๋ฐ˜๋ณต๋ฌธ - ๋ฐฐ์—ด์„ ํ•œ๋ฐ”ํ€ด ๋‹ค ๋„๋Š” ๋ฐ˜๋ณต๋ฌธ์œผ๋กœ ๋ฐฐ์—ด์˜ index ๊ฐ’์„ ๊ฐ€์ ธ์˜จ๋‹ค. const arr = [11, 22, 33, 44, 55]; for(const index in arr) { console.log(index); } // 0 // 1 // 2 // 3 /.. 2022. 11. 13.
[D+36] javascript ๋“ฑ์žฅ๋ฐฐ๊ฒฝ ๋ฐ ๊ธฐ์ดˆ ๊ตญ๋น„์ง€์› D+36 - javascript ๋“ฑ์žฅ๋ฐฐ๊ฒฝ ๋ฐ ๊ธฐ์ดˆ - javascript ๋“ฑ์žฅ๋ฐฐ๊ฒฝ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„์™€์˜ ํ†ต์‹ ์˜ ํŠน์ง•์€ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์ •๋ณด๋ฅผ ์š”์ฒญํ•˜๋ฉด ์„œ๋ฒ„๋Š” ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์š”์ฒญํ•˜๋Š” ์ •๋ณด๋ฅผ ์ œ๊ณตํ•ด์ฃผ๋Š” ํ˜•์‹์ด๋‹ค. ์ด๋•Œ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„์™€์˜ ํ†ต์‹ ์€ ๊ณ„์† ์œ ์ง€๋˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์š”์ฒญํ•œ๊ฒƒ์— ๋Œ€ํ•ด์„œ ์„œ๋ฒ„๊ฐ€ ์‘๋‹ตํ•˜๋ฉด ์„ธ์…˜์ด ๋Š๊ธฐ๋Š” ๋ฐฉ์‹์œผ๋กœ ๋งค๋ฒˆ ์ด๋Ÿฌํ•œ ๋ฃจํŠธ๋ฅผ ๋ฐ˜๋ณตํ•œ๋‹ค. ์ด๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„๋Š” ์„œ๋กœ๊ฐ„์˜ ์‹ ๋ขฐ์„ฑ์„ ์œ ์ง€ํ•ด์•ผํ•˜๊ธฐ ๋•Œ๋ฌธ์— ํด๋ผ์ด์–ธํŠธ๋Š” ์ •๋ณด๋ฅผ ์š”์ฒญํ•  ๋•Œ ๋‹จ์ˆœํžˆ ์š”์ฒญ๋งŒ ํ•˜๋Š”๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์„œ๋ฒ„์—๊ฒŒ ์‹ ๋ขฐ์„ฑ์„ ์ฆ๋ช…ํ•˜๊ธฐ ์œ„ํ•ด์„œ ์ผ์ข…์˜ ์ž์‹ ์ด ์•ˆ์ „ํ•œ ํด๋ผ์ด์–ธํŠธ๋ผ๋Š” ์‹ ๋ถ„์ฆ์„ ์„œ๋ฒ„์—๊ฒŒ ๋งค๋ฒˆ ์ œ์ถœํ•ด์•ผํ•œ๋‹ค. ์ด๋Ÿฌํ•œ ์ ์œผ๋กœ ์ธํ•ด ์š”์ฒญ๊ณผ ์‘๋‹ต๊ณผ์ •์€ ์ƒ๊ฐ๋ณด๋‹ค ์‰ฝ์ง€ ์•Š๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ค‘๋ณต๋ฐ์ดํ„ฐ๊ฐ€ ๋งŽ์œผ๋ฉฐ, ์„œ๋ฒ„์˜ ํ•œ๊ณ„๋กœ.. 2022. 11. 11.
[D+35] CSS ๊ฐœ๋…, ์„ ํƒ์ž, font-size, Box model ๊ตญ๋น„์ง€์› D+35 - CSS ๊ฐœ๋…, ์„ ํƒ์ž, font-size, Box model - CSS ๊ฐœ๋… - HTML์˜ ๋””์ž์ธ(์Šคํƒ€์ผ)์„ ๊พธ๋ฏธ๊ธฐ ์œ„ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด - HTML์—์„œ ๋””์ž์ธ๊ณผ Element์˜ ๋ถ„๋ฆฌ๋กœ ๋…๋ฆฝ์ ์ธ ๋””์ž์ธ ์š”์†Œ๋ฅผ ์ œ๊ณตํ•˜๊ณ , ์ •๋ณด์˜ ๊ฐ„๊ฒฐ์„ฑ, ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ๊ทน๋Œ€ํ™”ํ•œ๋‹ค. - ์ƒ์œ„ํƒœ๊ทธ์—์„œ ์ ์šฉํ•œ ์†์„ฑ์ด ํ•˜์œ„ํƒœ๊ทธ์— ๊ทธ๋Œ€๋กœ ์ƒ์†๋œ๋‹ค. (๋‹จ, ๋ชจ๋“  CSS์†์„ฑ์ด ์ƒ์†๋˜๋Š” ๊ฒƒ์€ ์•„๋‹ˆ๋‹ค) • CSS์˜ ์ ์šฉ๋ฐฉ๋ฒ• ์ข…๋ฅ˜ - ์™ธ๋ถ€ CSS : ์™ธ๋ถ€ํŒŒ์ผ๋กœ ์ž‘์„ฑํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋ฉฐ, ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ธ ๋ฐฉ์‹์ด๋‹ค. - ๋‚ด๋ถ€ CSS : htmlํŒŒ์ผ ๋‚ด๋ถ€์— styleํƒœ๊ทธ๋ฅผ ๋„ฃ์–ด์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค. - ์ธ๋ผ์ธ CSS : ํƒœ๊ทธ์•ˆ์— ์ง์ ‘๋„ฃ์–ด์„œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž˜ ์‚ฌ์šฉํ•˜์ง€๋Š” ์•Š๋Š”๋‹ค. CSS ์„ ํƒ์ž HTML์˜ Element๋ฅผ ์„ ํƒํ•˜๊ธฐ ์œ„ํ•œ .. 2022. 11. 11.
[D+35] ๊ณต๊ฐ„๋ถ„ํ• ํƒœ๊ทธ, ์‹œ๋ฉ˜ํ‹ฑํƒœ๊ทธ ๊ตญ๋น„์ง€์› D+35 - ๊ณต๊ฐ„๋ถ„ํ•  ํƒœ๊ทธ, ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ - ๊ณต๊ฐ„๋ถ„ํ•  ํƒœํฌ ๊ณต๊ฐ„๋ถ„ํ•  ํƒœ๊ทธ๋Š” ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๋…ผ๋ฆฌ์ ์ธ ์˜์—ญ์„ ๋ถ„ํ• ํ•˜๋Š” ํƒœ๊ทธ๋กœ ํฌ๊ฒŒ 2๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค. • Block ๋ฐฉ์‹ - ํŽ˜์ด์ง€์˜ ๊ณต๊ฐ„์„ ํ•œ์ค„ ๋‹ค ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋ฐฉ์‹ - div, h1, p, table, form ๋“ฑ • Inline ๋ฐฉ์‹ - ์ปจํ…์ธ  ์˜์—ญ๋งŒํผ๋งŒ ๊ณต๊ฐ„์„ ์ฐจ์ง€ํ•˜๊ณ  ์žˆ๋Š” ๋ฐฉ์‹ - span, a, input ๋“ฑ ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ - ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ๋Š” ์˜๋ฏธ๊ฐ€ ์žˆ๋Š” ํƒœ๊ทธ๋ผ๋Š” ๋œป์œผ๋กœ ๊ธฐ์กด์— div๋‚˜ p์™€ ๊ฐ™์€ ํƒœ๊ทธ๋Š” ์–ด๋–ค ์˜์—ญ์ธ์ง€ ์•Œ ์ˆ˜ ์—†์ง€๋งŒ ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ ๊ฐ ํƒœ๊ทธ์˜ ์˜์—ญ์ด ์–ด๋–ค ์˜์—ญ์ธ์ง€ ํŒŒ์•…ํ•˜๊ธฐ ์‰ฝ๋‹ค. - ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ์˜ ์žฅ์ ์€ ๊ฒ€์ƒ‰์—”์ง„์ด ํŒŒ์•…ํ•˜๊ธฐ ์ข‹๊ธฐ ๋•Œ๋ฌธ์— ๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„์„ํ•˜๊ธฐ ์‰ฝ๋‹ค. - ์ฐธ๊ณ ๋กœ ์‹œ๋ฉ˜ํ‹ฑ ํƒœ๊ทธ๋Š” ์ถ”์ฒœ์ผ๋ฟ ํ•„.. 2022. 11. 10.
[D+34] HTML ๊ฐœ๋… ๋ฐ ํƒœ๊ทธ ์ข…๋ฅ˜ ๊ตญ๋น„์ง€์› D+34 - HTML ๊ฐœ๋… ๋ฐ ํƒœ๊ทธ ์ข…๋ฅ˜ - HTML ๊ฐœ๋… • ๋„คํŠธ์›Œํฌ ํ”„๋กœ๊ทธ๋ž˜๋ฐ (์ •๋ณด์˜ ์†ก์ˆ˜์‹ ) ์šฐ๋ฆฌ๊ฐ€ HTML์„ ์•Œ๊ธฐ์ „์— ๊ฐ€์žฅ ์ค‘์š”ํ•œ๊ฒƒ์€ ์šฐ๋ฆฌ๊ฐ€ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋“ค์ด ์–ด๋–ป๊ฒŒ ์†ก์ˆ˜์‹ ์ด ๋˜์–ด์ง€๋Š”์ง€๋ฅผ ์ดํ•ดํ•˜๊ณ ๋‚˜์„œ HTML์˜ ๊ฐœ๋…์— ๋Œ€ํ•ด ํ•™์Šตํ•˜๋Š” ๊ฒƒ์ด ์ข€ ๋” ์ˆ˜์›”ํ•  ๊ฒƒ์ด๋‹ค. ๋„คํŠธ์›Œํฌ์—์„œ๋Š” ํฌ๊ฒŒ ๋‘๊ฐ€์ง€๋กœ ๊ตฌ๋ถ„์ง€์„ ์ˆ˜์žˆ๋‹ค. ๋ฐ”๋กœ client์™€ server์ด๋‹ค. ๊ฐ„๋‹จํ•˜๊ฒŒ ๋งํ•˜์ž๋ฉด client๋Š” ์„œ๋น„์Šค๋ฅผ server์—๊ฒŒ ์š”์ฒญํ•˜๋Š” ๊ฒƒ์ด๊ณ , server๋Š” client์—๊ฒŒ ์š”์ฒญ๋ฐ›์€ ์„œ๋น„์Šค๋ฅผ client์—๊ฒŒ ์ œ๊ณต๋ฐ›๋Š” ๊ฒƒ์ด๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ์„œ๋ฒ„์—๊ฒŒ ์š”์ฒญํ•˜๋Š” ๊ฒƒ์€ ๊ทธ๋ ‡๊ฒŒ ์–ด๋ ต์ง€ ์•Š๋‹ค. ๋งŒ์•ฝ ์šฐ๋ฆฌ๊ฐ€ ์›ํ•˜๋Š” ์ •๋ณด๋ฅผ ๋งˆ์šฐ์Šค๋กœ ํด๋ฆญํ•˜๊ฒŒ ๋˜๋ฉด ์ฃผ์†Œ์ฐฝ์— ์ด๋Ÿฌํ•œ ๋‚ด์šฉ๋“ค์ด ์žˆ๋Š”๋ฐ ์ด๊ฒƒ๋“ค์€ ์‚ฌ์‹ค ์„œ๋ฒ„์—๊ฒŒ ์ „๋‹ฌํ•  ์š”์ฒญ์ •๋ณด์ด๋‹ค. ์ฆ‰, ?๋’ค์— ์ .. 2022. 11. 9.
[D+33] SQLํ™œ์šฉ ๊ตญ๋น„์ง€์› D+33 - SQLํ™œ์šฉ - SQL ํ™œ์šฉ • ๋ฐ์ดํ„ฐ ์‚ฌ์ „ (Data Dictionary) - ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์˜ ๋ฐ์ดํ„ฐ(์‚ฌ์šฉ์ž ๋ฐ์ดํ„ฐ)๋ฅผ ์ œ์™ธํ•œ ๋ชจ๋“  ์ •๋ณด(DBMS๊ฐ€ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐ์ดํ„ฐ)๊ฐ€ ์žˆ๋‹ค. - ๋ฐ์ดํ„ฐ๋ฅผ ์ œ์™ธํ•œ(๋ฐ์ดํ„ฐ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š”) ๋ชจ๋“  ์ •๋ณด๋ผ๋Š” ์ ์€ ๋ฐ์ดํ„ฐ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋งํ•œ๋‹ค. - ๋ฐ์ดํ„ฐ ์‚ฌ์ „์€ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ(Meta data)๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค. - ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฐ์ดํ„ฐ ์‚ฌ์ „์€ ๋‹จ์ˆœ ์กฐํšŒ์˜ ๋Œ€์ƒ์ด๋‹ค. ๋ฐ์ดํ„ฐ ์‚ฌ์ „ ์•ˆ์— ํฌํ•จ๋œ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ ์œ ํ˜• - ์‚ฌ์šฉ์ž ์ •๋ณด(ID, ๋น„๋ฐ€๋ฒˆํ˜ธ ๋ฐ ๊ถŒํ•œ ๋“ฑ) - ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๊ฐ์ฒด(ํ…Œ์ด๋ธ”, ์ธ๋ฑ์Šค, ๋ทฐ ๋“ฑ) - ๋ฌด๊ฒฐ์„ฑ ์ œ์•ฝ ์ƒํƒœ - ํ•จ์ˆ˜, ํ”„๋กœ์‹œ์ € ๋ฐ ํŠธ๋ฆฌ๊ฑฐ ์ •๋ณด => ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๋‚ด์šฉ์€ ์ œํ’ˆ๋งˆ๋‹ค ๋‹ค๋ฅด๋‹ค. ๋ฐ์ดํ„ฐ ์‚ฌ์ „ ์กฐํšŒ - ๋ทฐ(View)๋กœ ๋ฐ์ดํ„ฐ ์‚ฌ์ „์— ์ ‘๊ทผํ•  ์ˆ˜ .. 2022. 11. 7.