๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ์์ฑํด๋ณด์. ํ๊ทธ ์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ๋ง๋๋ ํ๊ทธ๊ฐ ์๋ค. ์ด๋ค. ์ unordered list์ ์ฝ์์ด๋ค. ์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ์์ฑํ๋ ค๋ฉด ์ ์ฐ๋ฉด ๋๋ค. ๐ก ์ด ๊ถ๊ธํ๋ค๋ฉด? ํด๋ฆญ ์ฝ๋ TODO LIST ์์นจ ์ฑ๊ฒจ๋จน๊ธฐ ์ฝ๋ฉํ๊ธฐ ๋ธ๋ก๊ทธ์ ๊ธ ์์ฑํ๊ธฐ ํฌ์ค์ฅ ๊ฐ์ ์ด๋ํ๊ธฐ ๊ฒฐ๊ณผ See the Pen by Kong Yang (@Kong-Yang) on CodePen.
๐ฑ ์ฝ๋ฆฐ์ด๋ฅผ ์ํ GUIDE/๐๏ธ OpenSource
์์๊ฐ ์๋ ๋ฆฌ์คํธ๋ฅผ ์์ฑํด๋ณด์. ํ๊ทธ ๋ฆฌ์คํธ๋ฅผ ๊ฐ๋จํ๊ฒ ๋ง๋๋ ํ๊ทธ๊ฐ ์๋ค. ๋ฐ๋ก ๊ณผ ์ด๋ค. ์ ordered list์ ์ฝ์์ด๋ค. ๋ list์ ์ฝ์์ด๋ค. ์ด ํ๊ทธ๋ค๋ง ์์ผ๋ฉด ๋ฒ๊ฑฐ๋กญ๊ฒ 1,2,3,4๋ฅผ ์น๊ฑฐ๋ a,b,c,d ํน์ ใฑ,ใด,ใท,ใน์ ์์ณ๋ ๋๋ค! ์๋์ผ๋ก ๋ฆฌ์คํธ๋ฅผ ์ค์ ํ๋ ํ๊ทธ๋ฅผ ๋ฐฐ์๋ณด์. ๐ ์ฐธ๊ณ ๋ก, ์ ๊ธฐ๋ณธ์ ์ผ๋ก๋ ์๋ผ๋น์ ์ซ์๋ก ํ๊ธฐ๋๋ค. ํ๊ทธ ์์ type="a"๋ฅผ ์ฐ๋ฉด ์ํ๋ฒณ์ผ๋ก ๊ธฐํธ๊ฐ ๋ฐ๋๋ค. ๋ก ์์ฑํ๊ณ ํ๊ทธ๋ฅผ ๋ซ์์ฃผ๋ฉด ๋๋ค๋ ๋ง์ด๋ค. ๐ก ์ด ๊ถ๊ธํ๋ค๋ฉด? ํด๋ฆญ ์ฝ๋ ์์ฝฉ์ด๊ฐ ํ๋ณตํด์ง๋ ๋ฐฉ๋ฒ ๋ฆฌ์คํธ ์ฝ๋ฉํ๊ธฐ ๊ฒ์ํ๊ธฐ ์ ํ๋ธ ๋ณด๊ธฐ ์์ค ์ฝ๊ธฐ ๋ง์๋ ์์ ๋จน๊ธฐ ๋ธ๋ก๊ทธ์ ๊ธ ์์ฑํ๊ธฐ ์ํ ๋ณด๊ธฐ ๊ฒฐ๊ณผ See the Pen by Kong Yang (@Kong-Yang) on CodePen.