ํ”„๋ก ํŠธ์—”๋“œ

Javascript ํ•™์Šต ๋งˆ์ง€๋ง‰๋‚ ! CSS framework๋„ ๋งˆ์ง€๋ง‰์— ์‚ด์ง ๋‹ค๋ฃจ์—ˆ๋‹ค. Javascript ๋™๋“ฑ ์—ฐ์‚ฐ์ž (== vs ===) โœ“ == (Equality) : ๊ฐ’๋งŒ ๋น„๊ต โ—๏ธ์•”๋ฌต์ ์œผ๋กœ,ํ˜•๋ฒˆํ™˜(type casting)์ด ์ผ์–ด๋‚˜๊ธฐ ๋•Œ๋ฌธ์—, ์ž์นซ ์œ„ํ—˜ํ•  ์ˆ˜ ์žˆ๋‹ค! '1'==1 //true 1==true //true 0==false โœ“ === Strict Equality :ํƒ€์ž…, ๊ฐ’ ๋ชจ๋‘ ๋น„๊ต '1'==1 //false 1==true //false ํ˜•๋ณ€ํ™˜์œผ๋กœ ์™„๋ฒฝํ•˜๊ฒŒ ํ•˜๋Š”๊ฒƒ์ด ์•ˆ์ •์ ์ด๋‹ค! Truthy / Falsy ์กฐ๊ฑด๋ฌธ์ด๋‚˜ ๋…ผ๋ฆฌ ์—ฐ์‚ฐ์—์„œ ์‚ฌ์šฉ๋˜๋ฉฐ, ํŠน์ • ๊ฐ’์ด ์ฐธ๊ณผ ๊ฑฐ์ง“์œผ๋กœ ๊ฐ„์ฃผ๋˜๋Š” ์กฐ๊ฑด์„ ๋‚˜ํƒ€๋‚ธ๋‹ค. โœ“ Truthy : true, "0", "false", infinity, -infinity, {}..
2์ผ์ฐจ๋Š” ๋ฆฌ์ŠคํŠธ HTML, ์‹œ๋งจํ‹ฑํƒœ๊ทธ, CSS์˜ box-model ๋“ฑ์˜ ๋‚ด์šฉ์„ ๋‹ค๋ฃจ์—ˆ๋‹ค. ์ฒ˜์Œ CSS ๋ฐฐ์› ์„๋•Œ, ํ•ญ์ƒ ํ—ท๊ฐˆ๋ฆฌ๋˜ box๋ชจ๋ธ ๋ฐฐ์น˜ ๋“ฑ์„ ์ค‘์ ์œผ๋กœ ๋‹ค์‹œ ํ•œ๋ฒˆ ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. CSS(Cascading Style Sheets)? ์ข…์†์Šคํƒ€์ผ์‹œํŠธ๋Š” ๋‘ ๊ฐœ ์ด์ƒ์˜ css๊ทœ์น™์ด ๋™์ผํ•œ ์š”์†Œ์— ์ ์šฉ๋  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— "์ข…์†"์ด๋ผ๋Š” ๋‹จ์–ด๋Š” ์Šคํƒ€์ผ ๊ทœ์น™์ด ์–ด๋–ป๊ฒŒ ์ ์šฉ๋˜๋Š”์ง€๋ฅผ ๋‚˜ํƒ€๋‚ด๋ฉฐ, ์Šคํƒ€์ผ ๊ทœ์น™์ด ๋‹ค์–‘ํ•œ ์š”์ธ์— ๋”ฐ๋ผ ์šฐ์„  ์ˆœ์œ„๋ฅผ ๊ฐ–๋Š”๋‹ค๋Š” ๊ฐœ๋…์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ ์Šคํƒ€์ผ ๊ทœ์น™์ด ํ•˜๋‚˜์˜ ์š”์†Œ์— ์ ์šฉ๋  ๋•Œ, ์–ด๋–ค ๊ทœ์น™์ด ์šฐ์„  ์ˆœ์œ„๋ฅผ ๊ฐ€์ง€๋Š”์ง€๋ฅผ ๊ฒฐ์ •ํ•˜๋Š” ๋ฐฉ์‹์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. CSS์—์„œ ์ด 3๊ฐ€์ง€ ํŠน์ง•์œผ๋กœ ์Šคํƒ€์ผ๋ง์ด ๊ฒฐ์ •๋œ๋‹ค. Inheritance : ์ปจํ…Œ์ด๋„ˆ์˜ ํŠน์ • ์†์„ฑ์ด ํ•˜์œ„ ํ•ญ๋ชฉ์— ์ ์šฉ๋œ๋‹ค. ํ•˜์ง€๋งŒ ๋ชจ๋“  ํ•˜์œ„..
Yuuuki
'ํ”„๋ก ํŠธ์—”๋“œ' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก (4 Page)