์ธ์คํ๊ทธ๋จ ๋๊ธ๊ธฐ๋ฅ์ ๊ตฌํํ๊ธฐ์ํด* ์ธ๊ฐ์ง ๋ฉ์๋*๋ฅผ ์ฌ์ฉํ๋ค. createElement() Document.createElement() ๋ฉ์๋๋ ์ง์ ํ tagName์ HTML ์์๋ฅผ ๋ง๋ค์ด ๋ฐํํ๋ค. ์ด๋ ๊ฒ ์๋ฐ์คํฌ๋ฆฝํธ์์ pํ๊ทธ๋ฅผ ๋ง๋ค ์ ์๋ค. ํ์ง๋ง ํ๊ทธ๋ฅผ ๋ง๋ค์๋ค๊ณ ํด๋ ํ ์ผ์ด ๋จ์์์ต๋๋ค. ์ง๊ธ์ ํ๊ทธ๋ง ๋ง๋ค์์ ๋ฟ ์ด๋ ์์น์ ๋์ง, ํ๊ทธ ์์ ์ด๋ค ๋ด์ฉ์ ๋ฃ์์ง ์์ ํ๊ธฐ ๋๋ฌธ์ด๋ค. appendChild() Node.appendChild() ๋ฉ์๋๋ ํ ๋ ธ๋๋ฅผ ํน์ ๋ถ๋ชจ ๋ ธ๋์ ์์ ๋ ธ๋ ๋ฆฌ์คํธ ์ค ๋ง์ง๋ง ์์์ผ๋ก ๋ถ์ ๋๋ค. ์ด๋ฏธ ๋ฌธ์์ ์กด์ฌํ๋ ๋ ธ๋๋ฅผ ์ฐธ์กฐํ๊ณ ์๋ค๋ฉด appendChild() ๋ฉ์๋๋ ๋ ธ๋๋ฅผ ํ์ฌ ์์น์์ ์๋ก์ด ์์น๋ก ์ด๋์ํต๋๋ค. appendChild()์ ์ธ์์์ ์ถ๊ฐํ๊ณ ์ถ์ ๋ณ์๋ฅผ ๋ฃ๊ณ . appendChild()์์ ์์์ผ๋ก ์ํ๊ณ ์ถ์ ์์น๋ฅผ ๋ฃ๋๋ค. innerTe
์๊ธฐ์๊ฐ ํ์ด์ง > 1์ฃผ์ฐจ ๊ณผ์ ๊ฐ ์์๋์๋ค. html๊ณผ css๋ฅผ ์ฌ์ฉํ์ฌ ์๊ธฐ์๊ฐ ํ์ด์ง๋ฅผ ๋ง๋๋ ๊ณผ์ ๋ค. ์์ ๋กญ๊ฒ ๊ตฌ์ฑํ๋ฉด ๋๊ณ ๊ณผ์ ์ ์ถ์ ๊นํ๋ธ์ ๊ณต์ ํ ๋งํฌ๋ฅผ ์ ๋ฌํ๋ฉด ๋์๋ค. ๊ณผ์ ์ ์ถ๊ณผ ํจ๊ป ๊ฐ์ธ๊ณต๋ถ๋ ๊พธ์คํ ๊ณ์ ํ๋๊ฒ์ด ์ข๋ค๊ณ ์ฐธ๊ณ ์ฌ์ดํธ๋ฅผ ๊ณต์ ํด์ฃผ์๋ค. ์ด๋ฒ์ฃผ ๊ณต๋ถ๋ html, css๋ฅผ ๋ณต์ตํ๊ธฐ๋ก ๊ณํํ์๋ค. ์๊ธฐ์๊ฐ ํ์ด์ง๋ ์ ๋ณด๋ฅผ ์ต๋ํ ๋ณด์ฌ์ฃผ๋ฉฐ ์ฌํํ๊ฒ ๋ง๋ค๊ณ ์ถ์๋ค. ์ปฌ๋ฌ๋ ์ ํํํ์ด์ง์ ์ปฌ๋ฌ๋ฅผ ์ฐธ๊ณ ํ๋ค. https://moolbum.github.io/introduce/ ์ฒซ ์ฌ์ ์คํฐ๋ ๋ชจ์์์ ์๊ธฐ์๊ฐ์๋ฅผ ๋ง๋๋ ๋์ ๊ฐ์ ์ด๋ ค์ ๋ ์ ์ ์ด์ผ๊ธฐ ํ๋ค. ๋