[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+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.