ํ…Œํฌ

๐Ÿ“š ์ง€์‹ ์ฑ„์šฐ๊ธฐ/์›น (ํ”„๋ก ํŠธ์—”๋“œ, ๋ฐฑ์—”๋“œ)

[Deep Dive Javascript] WEEK 1

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

9 CSS๋กœ ๋ฐ•์Šค ๋งŒ๋“ค๊ธฐ (๊ตฌํš ์ •ํ•ด์ฃผ๊ธฐ)

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

8 CSS๋ฅผ ์ด์šฉํ•ด์„œ ๋ฐฐ๊ฒฝ ์ƒ‰, ๊ธ€์ž ์ƒ‰๊น”, ํฐํŠธ ์‚ฌ์ด์ฆˆ, ํฐํŠธ ๊ธฐ์šธ๊ธฐ ๋ณ€๊ฒฝํ•˜๊ธฐ

๋ฐฐ๊ฒฝ ์ƒ‰, ๊ธ€์ž ์ƒ‰๊น”, ํฐํŠธ ์‚ฌ์ด์ฆˆ, ํฐํŠธ ๊ธฐ์šธ๊ธฐ ๋ณ€๊ฒฝํ•˜๊ธฐ 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.

๐Ÿ“š ์ง€์‹ ์ฑ„์šฐ๊ธฐ/์ปดํ“จํ„ฐ๊ณผํ•™

[CS] ํŒŒ์‹ฑ(Parsing)๊ณผ ํŒŒ์„œ(parser)

ํŒŒ์‹ฑ(Parsing)๊ณผ ํŒŒ์„œ(parser) ํŒŒ์‹ฑ(parsing) ํŒŒ์‹ฑ(parsing) = ๊ตฌ๋ฌธ๋ถ„์„ (์–ด๋–ค ๋ฌธ์žฅ์„ ๋ถ„์„ํ•˜๊ฑฐ๋‚˜ ๋ฌธ๋ฒ•์  ๊ด€๊ณ„๋ฅผ ํ•ด์„ํ•˜๋Š” ํ–‰์œ„) = html ๋“ฑ์˜ ์ž๋ฃŒ์—์„œ ๋ชฉ์ ์— ๋งž๋Š” ์ •๋ณด๋งŒ ์ถ”์ถœํ•ด์„œ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ๋•Œ์— ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒƒ CS์—์„œ ํŒŒ์‹ฑ์€ ์ผ๋ จ์˜ ๋ฌธ์ž์—ด์„ ์˜๋ฏธ์žˆ๋Š” token(์–ดํœ˜ ๋ถ„์„์˜ ๋‹จ์œ„) ์œผ๋กœ ๋ถ„ํ•ดํ•˜๊ณ  ๊ทธ๊ฒƒ๋“ค๋กœ ์ด๋ฃจ์–ด์ง„ Parse tree๋ฅผ ๋งŒ๋“œ๋Š” ๊ณผ์ • ๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„ํ•ด ๋ถ„์„ํ•˜์—ฌ ์›ํ•˜๋Š” ํ˜•ํƒœ๋กœ ์กฐ๋ฆฝํ•˜๊ณ  ๋‹ค์‹œ ๋นผ๋‚ด๋Š” ํ”„๋กœ๊ทธ๋žจ ์›น์ƒ์—์„œ ์ฃผ์–ด์ง„ ์ •๋ณด๋ฅผ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ํ˜•ํƒœ๋กœ ๊ฐ€๊ณตํ•˜์—ฌ ์„œ๋ฒ„์—์„œ ๋ถˆ๋Ÿฌ๋“ค์ด๋Š” ๊ฒƒ. ํŒŒ์„œ(parser)๋Š” ์ปดํŒŒ์ผ์˜ ์ผ๋ถ€๋กœ์„œ ์›์‹œ ํ”„๋กœ๊ทธ๋žจ์˜ ๋ช…๋ น๋ฌธ์ด๋‚˜ ์˜จ๋ผ์ธ ๋ช…๋ น๋ฌธ, HTML ๋ฌธ์„œ ๋“ฑ์—์„œ Markup Tag ๋“ฑ์„ ์ž…๋ ฅ์œผ๋กœ ๋ฐ›์•„๋“ค์—ฌ์„œ ๊ตฌ๋ฌธ์„ ํ•ด์„ํ•  ์ˆ˜ ์žˆ๋Š” ๋‹จ์œ„์™€ ์—ฌ๋Ÿฌ ๋ถ€๋ถ„์œผ..

์–‘์ฝฉ(Yangkong)
'ํ…Œํฌ' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก