Instagram ์ธ์คํ๊ทธ๋จ ํด๋ก ์ฝ๋ฉ์ผ๋ก ์ค์ง์ ์ธ๊ฒ์ ๋ง์ด ์ ํ๋ค๊ณ ๋๋๋ค. DOM์ผ๋ก HTML๊ณผ Javascript๋ฅผ ์ฐ๊ฒฐํ์ฌ ๋์ ์ธ ํจ๊ณผ๋ฅผ ๋ถ์ฌ ํ ์ ์์๋ค. ๋ก๊ทธ์ธ ํ๋ฉด ๊ตฌ์ฑ์ด๋ค. querySelector() ์ฐ์ Javascript์์ HTML์ ๊ฐ์ ธ์ค๋ ๊ฒ ๋ถํฐ ์์๋๋ค. ๊ทธ ๋ ์ฌ์ฉ ๋๋ ๋ฉ์๋์ธ querySelector()์ด๋ค. ๋ถ๋ฌ์ค๊ธฐ ์ํด์ ์ ํจํ CSS ์ ํ์์ฌ์ผํ๋ค. > const nam
์ธ์คํ๊ทธ๋จ ๋๊ธ๊ธฐ๋ฅ์ ๊ตฌํํ๊ธฐ์ํด* ์ธ๊ฐ์ง ๋ฉ์๋*๋ฅผ ์ฌ์ฉํ๋ค. createElement() Document.createElement() ๋ฉ์๋๋ ์ง์ ํ tagName์ HTML ์์๋ฅผ ๋ง๋ค์ด ๋ฐํํ๋ค. ์ด๋ ๊ฒ ์๋ฐ์คํฌ๋ฆฝํธ์์ pํ๊ทธ๋ฅผ ๋ง๋ค ์ ์๋ค. ํ์ง๋ง ํ๊ทธ๋ฅผ ๋ง๋ค์๋ค๊ณ ํด๋ ํ ์ผ์ด ๋จ์์์ต๋๋ค. ์ง๊ธ์ ํ๊ทธ๋ง ๋ง๋ค์์ ๋ฟ ์ด๋ ์์น์ ๋์ง, ํ๊ทธ ์์ ์ด๋ค ๋ด์ฉ์ ๋ฃ์์ง ์์ ํ๊ธฐ ๋๋ฌธ์ด๋ค. appendChild() Node.appendChild() ๋ฉ์๋๋ ํ ๋ ธ๋๋ฅผ ํน์ ๋ถ๋ชจ ๋ ธ๋์ ์์ ๋ ธ๋ ๋ฆฌ์คํธ ์ค ๋ง์ง๋ง ์์์ผ๋ก ๋ถ์ ๋๋ค. ์ด๋ฏธ ๋ฌธ์์ ์กด์ฌํ๋ ๋ ธ๋๋ฅผ ์ฐธ์กฐํ๊ณ ์๋ค๋ฉด appendChild() ๋ฉ์๋๋ ๋ ธ๋๋ฅผ ํ์ฌ ์์น์์ ์๋ก์ด ์์น๋ก ์ด๋์ํต๋๋ค. appendChild()์ ์ธ์์์ ์ถ๊ฐํ๊ณ ์ถ์ ๋ณ์๋ฅผ ๋ฃ๊ณ . appendChild()์์ ์์์ผ๋ก ์ํ๊ณ ์ถ์ ์์น๋ฅผ ๋ฃ๋๋ค. innerTe