๐ ์ง์ ์ฑ์ฐ๊ธฐ/์น (ํ๋ก ํธ์๋, ๋ฐฑ์๋)
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
HTML ๊ณผ CSS๋ก ํ์๊ฐ์
ํผ ๋ง๋ค๊ธฐ ์ธ ๋ฒ์งธ ํ์ ๋ง๋ค๊ธฐ ํผ์ด๋ค. ํ์ ๋ง๋ค๊ธฐ ํผ์ CSS๋ฅผ ์ฌ์ฉํ ๊ฒ์ ์ฒ์์ธ๋ฐ ์๊ฐ๋ณด๋ค ๊ฒฐ๊ณผ๊ฐ ๋์์ง ์๋ค. ์ด๋ ๊ฒ ์ ์ ์ฑ์ฅ ํ๋ ๊ฑธ๊น?๐ฅฐ ๋ณ ๊ฑฐ ์๋์ง๋ง ๋ฟ๋ฏํ๋ค. ๋์ค์ ๋ ๋ง์ ๊ธฐ๋ฅ์ ๋ฃ๊ณ ์ง๊ธ ๋ง๋ ๊ฒ๊ณผ ์ฝ๋๋ฅผ ๋น๊ตํ๋ฉฐ ๊ฐ์ ํ๋ฉด ์ข์ ๋ฏ ํ๋ค. ๐ก ์ด์ ์ ์์ฑํ ํ์๊ฐ์
ํผ๊ณผ ๋น๊ตํด๋ณด์ธ์. ์ฒซ ๋ฒ์งธ ํ์๊ฐ์
ํผ (ํด๋ฆญ) ๋ ๋ฒ์งธ ํ์๊ฐ์
ํผ (ํด๋ฆญ) ์ฝ๋ ์์ฝฉ ์ฝ๋ฉ์ค์ฟจ ํ์๊ฐ์
- - 00000000 ์ธ์ฆ๋ฒํธ์ ์ก 3:00 ์ธ์ฆ์๋ฃ ์ง์ญ์ ์ ํํ์ธ์. ์์ธ ๊ฒฝ๊ธฐ๋ ์ ์ฃผ ์ถฉ์ฒญ๋ ์ ๋ผ๋ ๊ฒฝ์๋ ์ฌ์ฑ ๋จ์ฑ ๊ฐ์
ํ๊ธฐ *{ box-sizing: border-box; } body{ display: flex; flex-direction: column; align-ite..
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
HTML๊ณผ CSS๋ก ์ฝ๊ณ ๊ฐ๋จํ๊ฒ ์ผ๊ธฐ์ฅ ๋ง๋ค๊ธฐ ์ด์ ์ ์์ฑํ๋ ์ฝ๋๋ค์ ๋ฐํ์ผ๋ก ์ผ๊ธฐ์ฅ์ ๋ง๋ค์ด๋ณด์๋ค. ์กฐ๊ธ ํ์ ํ์ง๋ง๐ญ๐ญ.. ๋๋ฆ์ ํ์ ๊ฐ์ถ ๊ฒ ๊ฐ๋ค. ๋์ค์ ๋ค์ ๋ง๋ค์ด๋ด์ผ์ง! ์ฝ๋ ์์ฝฉ์ด์ ์ผ๊ธฐ ์์ฑ ๋ฑ๋ก ์ด๊ธฐํ *{ box-sizing: border-box; } .box1{ border: 3px solid white; width: 400px; height: 100px; background-color: rgb(234, 247, 180); padding: 10px 80px 30px; margin-bottom: 30px; margin-top: 20px; border-radius: 10px; } .wrapper { display: flex; flex-direction: column; align-ite..
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐ WEBSITE
CSS Diner - CSS ์ด์ฌ์๋ฅผ ์ํ ์ฐ์ต ์ฌ์ดํธ ๊ฒ์์ฒ๋ผ ๋ง๋ค์ด๋์, CSS์ ๋ํ ์ดํด๋ฅผ ๋๋๋ค. ํ๋ค๋ณด๋ฉด ์๊ฐ๋ณด๋ค ๊ฝค ์ฌ๋ฐ๋ค. 32 ๋จ๊ณ ๊น์ง ์๊ณ , ์ค๋ฅธ์ชฝ์ ์์ด๋ก ํํธ๊ฐ ์ฃผ์ด์ง๋ค. ๋จ๋
๋
ธ์ CSS ์ฝ๋ฆฐ์ด์๊ฒ ์ถ์ฒํ๋ค. CSS Diner ๋งํฌ ํด๋ฆญ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io