๐ ์ง์ ์ฑ์ฐ๊ธฐ/์น (ํ๋ก ํธ์๋, ๋ฐฑ์๋)
4๊ฐ 4-1 [ โ๏ธ ] Q. undefined์ null์ ์ฐจ์ด A. undefined : var ํค์๋๋ก ์ ์ธ๋ ๋ณ์์ ์๋ฌต์ ์ผ๋ก ํ ๋น๋๋ ๊ฐ null : ๊ฐ์ด ์๋ค๋ ๊ฒ์ ์๋์ ์ผ๋ก ๋ช
์ํ ๋ ์ฌ์ฉํ๋ ๊ฐ 4-2 [โ] p.44~ 45 console.log(score); // undefined var score = 80 ; // ๋ณ์ ์ ์ธ๊ณผ ๊ฐ์ ํ ๋น console.log(score); // 80 Q. ์ ์ธ๊ณผ ํ ๋น ๋ฐ๋ก๋ฐ๋ก๋๊น ์์์ undefined ๋ก ๊ณต๊ฐ ํ๋ณด โก๏ธ ํ์ ๋ณ์ ์ ์ธ์ผ๋ก ๊ณต๊ฐ์ฐจ์ง โก๏ธ ๊ฐ ํ ๋น์ผ๋ก ์๋กญ๊ฒ ๊ณต๊ฐ ํ๋ณด ํ 80 ํ ๋น? 4-3 [โ] p. 45 โก๏ธ ์์ 4-10 console.log(score); // undefined score = 80 ; // ๊ฐ์ ํ ๋น var ..
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
CSS๋ก ๋ฐ์ค ๋ง๋ค๊ธฐ (๊ตฌํ ์ ํด์ฃผ๊ธฐ) ๊ธด ๋ง ํ ๊ฒ ์์ด, ๋ฐ๋ก ์ฝ๋๋ก ํ์ธํด๋ณด์. CSS๊ฐ ์ด๋ณด๋ผ์ ๊ตฌํ ์ค์ ์ด ์ด๋ ต๋ค๋ฉด, ๋์ฒ๋ผ ์๋์ ์ฌ์ดํธ๋ก ์ฐ์ต์ ํด๋ณด๋ ๊ฒ๋ ์ข์ ๊ฒ ๊ฐ๋ค. ๐ก CSS Diner ํด๋ฆญ ์ฝ๋ box1 box2 box3 * { background-color: gray; } .box1{ border: 3px solid blue; width: 200px; height: 200px; background-color: white; padding: 50px 100px 30px; /*pading top left ๋ฑ์ผ๋ก ํ๋๊ฒ ๋ ํธํจ */ margin-bottom: 30px; /*๊ณต๋ฐฑ*/ } .box2{ box-sizing: border-box; border: 3px solid red; wi..
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
๋ฐฐ๊ฒฝ ์, ๊ธ์ ์๊น, ํฐํธ ์ฌ์ด์ฆ, ํฐํธ ๊ธฐ์ธ๊ธฐ ๋ณ๊ฒฝํ๊ธฐ CSS๋ฅผ ํ์ฉํด์ HTML ํ์ด์ง๋ฅผ ๊พธ๋ฉฐ๋ณด์! ์ฝ๋ ์ ์ฒด์ ๋ชฉ์
๋๋ค ์ ๋ชฉ์
๋๋ค. ๋ด์ฉ์
๋๋ค. .title{ background-color: red; } .box1 .title{ color: yellow; } .contents { font-size: 18px; font-style: italic; } ๊ฒฐ๊ณผ See the Pen First CSS by Kong Yang (@Kong-Yang) on CodePen.
๐ ์ง์ ์ฑ์ฐ๊ธฐ/์ปดํจํฐ๊ณผํ
ํ์ฑ(Parsing)๊ณผ ํ์(parser) ํ์ฑ(parsing) ํ์ฑ(parsing) = ๊ตฌ๋ฌธ๋ถ์ (์ด๋ค ๋ฌธ์ฅ์ ๋ถ์ํ๊ฑฐ๋ ๋ฌธ๋ฒ์ ๊ด๊ณ๋ฅผ ํด์ํ๋ ํ์) = html ๋ฑ์ ์๋ฃ์์ ๋ชฉ์ ์ ๋ง๋ ์ ๋ณด๋ง ์ถ์ถํด์ ๋ด๊ฐ ์ํ๋ ๋์ ๋ถ๋ฌ์ค๋ ๊ฒ CS์์ ํ์ฑ์ ์ผ๋ จ์ ๋ฌธ์์ด์ ์๋ฏธ์๋ token(์ดํ ๋ถ์์ ๋จ์) ์ผ๋ก ๋ถํดํ๊ณ ๊ทธ๊ฒ๋ค๋ก ์ด๋ฃจ์ด์ง Parse tree๋ฅผ ๋ง๋๋ ๊ณผ์ ๋ฐ์ดํฐ๋ฅผ ๋ถํด ๋ถ์ํ์ฌ ์ํ๋ ํํ๋ก ์กฐ๋ฆฝํ๊ณ ๋ค์ ๋นผ๋ด๋ ํ๋ก๊ทธ๋จ ์น์์์ ์ฃผ์ด์ง ์ ๋ณด๋ฅผ ๋ด๊ฐ ์ํ๋ ํํ๋ก ๊ฐ๊ณตํ์ฌ ์๋ฒ์์ ๋ถ๋ฌ๋ค์ด๋ ๊ฒ. ํ์(parser)๋ ์ปดํ์ผ์ ์ผ๋ถ๋ก์ ์์ ํ๋ก๊ทธ๋จ์ ๋ช
๋ น๋ฌธ์ด๋ ์จ๋ผ์ธ ๋ช
๋ น๋ฌธ, HTML ๋ฌธ์ ๋ฑ์์ Markup Tag ๋ฑ์ ์
๋ ฅ์ผ๋ก ๋ฐ์๋ค์ฌ์ ๊ตฌ๋ฌธ์ ํด์ํ ์ ์๋ ๋จ์์ ์ฌ๋ฌ ๋ถ๋ถ์ผ..