๊ตฌ์กฐ ํ์๊ณผ ์กฐ์์ ๋ชจ๋ ๊ฒ - [DOM ์์ ์ ๋ณต Part 1]
React, Next.js, Vue๋ฅผ ์๋ฌด๋ฆฌ ๊ณต๋ถํด๋ ์ฝ๋๊ฐ ์ถ์์ ์ผ๋ก ๋๊ปด์ง๊ณ , ๊ตฌ์กฐ๊ฐ ํ์คํ ์ดํด๋์ง ์๋๋ค๋ฉด, ๊ทธ ๊ทผ๋ณธ ์์ธ์ DOM์ ๋ํ ์ดํด ๋ถ์กฑ์ผ ์ ์์ต๋๋ค. DOM์ ๋ชจ๋ ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ ๊ธฐ๋ฐ์ด๋ฉฐ, ์น ํ์ด์ง์ ๊ตฌ์กฐ์ ๋์์ ์ฐ๊ฒฐํด์ฃผ๋ ์ค์ฒด์ ๋๋ค. ์ด ๊ฐ์๋ ๋จ์ํ ์ ํ์๋ ์กฐ์๋ฒ์ ๋์ด, HTML์ด ์ด๋ป๊ฒ DOM ๊ฐ์ฒด๋ก ๋ฐ๋๊ณ , ์ด ๊ตฌ์กฐ๋ฅผ ์ด๋ป๊ฒ ์ ํํ๊ณ ํ์ํ๋ฉฐ, ์กฐ์ํ ์ ์๋์ง๋ฅผ ์ฒ์๋ถํฐ ์ฐจ๊ทผ์ฐจ๊ทผ ์๋ ค์ฃผ๋ DOM ์์ ์ ๋ณต์ Part 1 ์ ๋ฌธ ๊ฐ์์ ๋๋ค. HTML ํ๊ทธ๋ ๊ตฌ์กฐ์ผ ๋ฟ์ด๊ณ , ์๋ฐ์คํฌ๋ฆฝํธ๋ ํ๋์ผ ๋ฟ์ด์ง๋ง, ๊ทธ ๋์ ์ฐ๊ฒฐํ๋ ํต์ฌ์ด DOM์ ๋๋ค. ์ด ์ฐ๊ฒฐ๊ณ ๋ฆฌ๋ฅผ ๋ช ํํ ์ดํดํ๋ฉด, ์ด๋ค ํ๋ ์์ํฌ๋ฅผ ์ฐ๋ ๊ทธ ์์ ์ง์ง ๊ตฌ์กฐ์ ํ๋ฆ์ ์ ํํ ๊ฟฐ๋ซ์ด๋ณผ ์ ์๊ฒ ๋ฉ๋๋ค.
์๊ฐ์ 97๋ช
๋์ด๋ ์ ๋ฌธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ






