๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐ WEBSITE
์ฝ๋ฆฐ์ด๋ฅผ ์ํ ์น ์ฌ์ดํธ ์ถ์ฒ (๊ฐ๋ฐ์ ์ปค๋ฎค, ๊ฐ์ ๋ฑ ๊ธฐํ ์ฐธ๊ณ ์ฌ์ดํธ) ๋ง๋งํ ์ฝ๋ฆฐ์ด๋ค์ ์ํ ์ฌ๋ฌ๊ฐ์ง ์ฌ์ดํธ๋ฅผ ์ถ์ฒํด๋ณด๋ ค๊ณ ํ๋ค. ์๋ ์ฌ์ดํธ์์ ์ข์ ์ ๋ณด ์ป์ด๋ณด์! ์์ด๋ก ๋ ์ฌ์ดํธ๊ฐ ๋ง์๋ฐ, ์ด์ฉ๋ฉด ๊ฐ๋ฐ์์๊ฒ ์์ด๋ ๊ธฐ๋ณธ ์์์ผ์ง๋ ๋ชจ๋ฅด๊ฒ ๋ค. '๋ ์์๋ชป์ธ๋ฐ ์ด์ฉ์ง?' ํ์ง๋ง ๊ฑฑ์ ๋ง์๋ผ! ์ฐ๋ฆฌ์๊ฒ ๊ตฌ๊ธ๋ฒ์ญ๊ธฐ์ ํํ๊ณ ๊ฐ ์๋ค๋ ๊ฒ์ ์์ง๋ง์! W3C ์ฌ์ดํธ (์์ด) ํด๋ฆญ World Wide Web Consortium ์๋ ์์ด๋ ์น ์ปจ์์์ ์๋ ์์ด๋ ์น์ ์ํ ํ์ค์ ๊ฐ๋ฐํ๊ณ ์ฅ๋ คํ๋ ์กฐ์ง whatwg html living standard(์์ด) ํด๋ฆญ This specification defines a big part of the web platform, in lots of detail. I..
๐ธ ๋์ ๋ค์ด์ด๋ฆฌ
[D+4] 2023-05-12 ์๋ ๊ฒ์ด ํ์ด๋ค CSS์ ๋ฏธ๋์ด์ฟผ๋ฆฌ๋ฅผ ์ด์ฉํด์ ํด์๋์ ๋ฐ๋ฅธ ์์๊ณผ ๋ฉํธ์ ๋ณ๊ฒฝ์ ์ฝ๋ฉํ๋ค. ๊ฒฐ๊ณผ์ ์ผ๋ก , ๋ ๊ฐ์ง ๋ฐฉ์์ผ๋ก ์ฝ๋ฉ์ ํ๋ค. ์ฒ์์ ๋ฌด์์ ํค๋ฉ์ ํ๋ฉฐ ์ฝ๋ฉ์ ํ๋๋ฐ.. ์์ฑํ๊ณ ๋ณด๋, ์์ฌ์ด ๋ง์์ด ๋ค์๋ค. ์ ์ง ์ด ๊ฒ๋ณด๋ค๋ ๋ ๋์ ๊ตฌ์กฐ๋ก๋ ๋ง๋ค ์ ์์ ๊ฒ ๊ฐ์๋ค. ๊ฒฐ๊ตญ, ๋ ๋ฒ์งธ์๋ ์ฌ๋ฌ ์๋ฃ๋ฅผ ๊ตฌ๊ธ๋ง ํด์ ์ฝ๋ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ ํ ์ ์์๋ค. display: inherit; ์ญ์ ์๋ ๊ฒ์ด ํ์ด๋ค ใ
ใ
๐ฅ ๐ฑ์ค๋์ ์๋ ์ฌ๊ธฐ๐ฑ ํด๋ฆญ
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
์ต์
์ ํ์ ํด๋ณด์! ์ต์
์ ์ ํํ๋ ํ๊ทธ๋ ์ ์ด๋ค. ๐ ๋ง์ฝ ์ ํ์ฐฝ์์ ์ ํ๋์ง ์๋ ์ต์
์ ์ํ๋ค๋ฉด, ๋ด์ disabled๋ฅผ ์ ์ฉํ๊ณ ํ๊ทธ๋ฅผ ๋ซ์์ฃผ๋ฉด ๋๋ค. ์ฝ๋ ์์ฝฉ์ด๊ฐ ๊ฐ์ฅ ์ข์ํ๋ ์์์? ๊น์น์ฐ๊ฐ ๋๊น์ค ๋ถ๋์ฐ๊ฐ ๋ญ๊ฐ๋น ํ์์ก ๋ง๋ผํ ๊ฒฐ๊ณผ See the Pen by Kong Yang (@Kong-Yang) on CodePen.
๐ธ ๋์ ๋ค์ด์ด๋ฆฌ
[D-Day] 2023-05-09 ์ฝ๋ฉ START ๋๋์ด ๊ธฐ๋ค๋ฆฌ๋ ์ฝ๋ฉ๋ถํธ์บ ํ์ ์ฒซ ์ถ์์ ํ๋ค. ๋ด๊ฐ ์๊ธฐ๋ก 180๋ช
์ ๋ ์ง์ํ ๊ฒ์ผ๋ก ์๋๋ฐ, ํ์์ ๊ฐ๋ณด๋ 13๋ช
๋ฐ์ ์์๋ค. ์๊ฐ์์ด ์์๋ณด๋ค ์ ์ด ๊ฐ์ฌ๋๊ป ์ฌ์ญค๋ณด์๋ค. ์ด๋ฒ ์๊ฐ์๋ค์ ์๋ฌด๋ ๋ฐ์ ๊ฒ์ด ์๋๋ผ, ๋๋ฆ์ ๊ธฐ์ค์ ํตํด ์๊ฒฉํ๊ฒ ์ ๋ณํด์ ์๊ฐ์๋ค์ ๋ฝ์๋ค๊ณ ํ๋ค. ๋๋ง ํด๋, ๋น๋๋ฉด ๋ฉด์ (์ ํ)์๊ฐ๋ง 40๋ถ ์ด์ ์์ ๋์๋ค. (๋ด๊ฐ ์ง๋ฌธ๋ถ์๋ผ์ ๊ทธ๋ฌ๋จ ๊ฑด ์๋น๋ฐ๐๐) ๋ฝํ์ ๋คํ์ด์ผ..!!โค ์์
์ด ๋๋ ํ์, ๋ธ๋ก๊ทธ๋ฅผ ์์ฑํ๋ ๊ณผ์ ๊ฐ ์ฃผ์ด์ก๋ค. ์ด๋ฏธ ํฐ์คํ ๋ฆฌ ๋ธ๋ก๊ทธ๊ฐ ์๋ ๋๋ ๊ทธ ์๊ฐ์ ๋ธ๋ก๊ทธ ํ๋ซํผ ๋ณ ์ฅ๋จ์ ์ ํ์ธํ๋ค๊ฐ, ๊ทธ๋ง ๊นํ๋ธ ๋ธ๋ก๊ทธ๋ผ๋ ๊ฒ์ ๋ฐ๊ฒฌํด๋ฒ๋ ธ๋ค. ํธ๊ธฐ์ฌ์ด ์๊ฒจ์ ๋ง๋ค์ด๋ดค์ง๋ง, ์ด์ ๋ง ์ฝ๋ฉ์ ์์ํ๋ ์ฝ๋ฆฐ์ด..
๐ ์ง์ ์ฑ์ฐ๊ธฐ/์ปดํจํฐ๊ณผํ
ํ์ฑ(Parsing)๊ณผ ํ์(parser) ํ์ฑ(parsing) ํ์ฑ(parsing) = ๊ตฌ๋ฌธ๋ถ์ (์ด๋ค ๋ฌธ์ฅ์ ๋ถ์ํ๊ฑฐ๋ ๋ฌธ๋ฒ์ ๊ด๊ณ๋ฅผ ํด์ํ๋ ํ์) = html ๋ฑ์ ์๋ฃ์์ ๋ชฉ์ ์ ๋ง๋ ์ ๋ณด๋ง ์ถ์ถํด์ ๋ด๊ฐ ์ํ๋ ๋์ ๋ถ๋ฌ์ค๋ ๊ฒ CS์์ ํ์ฑ์ ์ผ๋ จ์ ๋ฌธ์์ด์ ์๋ฏธ์๋ token(์ดํ ๋ถ์์ ๋จ์) ์ผ๋ก ๋ถํดํ๊ณ ๊ทธ๊ฒ๋ค๋ก ์ด๋ฃจ์ด์ง Parse tree๋ฅผ ๋ง๋๋ ๊ณผ์ ๋ฐ์ดํฐ๋ฅผ ๋ถํด ๋ถ์ํ์ฌ ์ํ๋ ํํ๋ก ์กฐ๋ฆฝํ๊ณ ๋ค์ ๋นผ๋ด๋ ํ๋ก๊ทธ๋จ ์น์์์ ์ฃผ์ด์ง ์ ๋ณด๋ฅผ ๋ด๊ฐ ์ํ๋ ํํ๋ก ๊ฐ๊ณตํ์ฌ ์๋ฒ์์ ๋ถ๋ฌ๋ค์ด๋ ๊ฒ. ํ์(parser)๋ ์ปดํ์ผ์ ์ผ๋ถ๋ก์ ์์ ํ๋ก๊ทธ๋จ์ ๋ช
๋ น๋ฌธ์ด๋ ์จ๋ผ์ธ ๋ช
๋ น๋ฌธ, HTML ๋ฌธ์ ๋ฑ์์ Markup Tag ๋ฑ์ ์
๋ ฅ์ผ๋ก ๋ฐ์๋ค์ฌ์ ๊ตฌ๋ฌธ์ ํด์ํ ์ ์๋ ๋จ์์ ์ฌ๋ฌ ๋ถ๋ถ์ผ..
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ์์ฑํด๋ณด์. ํ๊ทธ ์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ๋ง๋๋ ํ๊ทธ๊ฐ ์๋ค. ์ด๋ค. ์ unordered list์ ์ฝ์์ด๋ค. ์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ์์ฑํ๋ ค๋ฉด ์ ์ฐ๋ฉด ๋๋ค. ๐ก ์ด ๊ถ๊ธํ๋ค๋ฉด? ํด๋ฆญ ์ฝ๋ TODO LIST ์์นจ ์ฑ๊ฒจ๋จน๊ธฐ ์ฝ๋ฉํ๊ธฐ ๋ธ๋ก๊ทธ์ ๊ธ ์์ฑํ๊ธฐ ํฌ์ค์ฅ ๊ฐ์ ์ด๋ํ๊ธฐ ๊ฒฐ๊ณผ See the Pen by Kong Yang (@Kong-Yang) on CodePen.