[Main-Project] TypeScript-React svg import ์ค๋ฅ
var ํค์๋
์ค์ฝํ๋?
์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์ ๊ณตํ๋ ๋ฐ์ดํฐ ํ์ ์ ํฌ๊ฒ ์์ ํ์ (primitive type)๊ณผ ์ฐธ์กฐ ํ์ (reference type)์ผ๋ก ๊ตฌ๋ถํ ์ ์๋ค.
๋ฐฐ์ด ๋ฉ์๋
์ค๋ ๊ฐ๋จํ ์น์ฑ ๋ง๋ค๊ธฐ(๊ณ์ฐ๊ธฐ) ๊ณผ์ ๋ฅผ ์ํํ๋ฉฐ textContent ํ๋กํผํฐ๋ฅผ ๊ต์ฅํ ๋ง์ด ์ฌ์ฉํ๋ค. ๊ทธ๋์ ์ด textContent์ ๋น์ทํ ๊ธฐ๋ฅ์ ๊ฐ์ง innerText, innerHTML ์ด ์ธ๊ฐ์ง ํ๋กํผํฐ์ ๊ธฐ๋ฅ๊ณผ ํน์ง, ์ฐจ์ด์ ์ ๋ํด ๋ธ๋ก๊น ํด๋ณด๋ ค๊ณ ํ๋ค ๐ง
ํ์ต ๋ชฉํ
React ์ด๋ฒคํธ ์ฒ๋ฆฌ
๐ย SPA
์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์ ๊ณตํ๋ ๋ฐ์ดํฐ ํ์ ์ ํฌ๊ฒ ์์ ํ์ (primitive type)๊ณผ ์ฐธ์กฐ ํ์ (reference type)์ผ๋ก ๊ตฌ๋ถํ ์ ์๋ค.
๋ฐฐ์ด ๋ฉ์๋
ํ์ต ๋ชฉํ
์ค๋ ๊ฐ๋จํ ์น์ฑ ๋ง๋ค๊ธฐ(๊ณ์ฐ๊ธฐ) ๊ณผ์ ๋ฅผ ์ํํ๋ฉฐ textContent ํ๋กํผํฐ๋ฅผ ๊ต์ฅํ ๋ง์ด ์ฌ์ฉํ๋ค. ๊ทธ๋์ ์ด textContent์ ๋น์ทํ ๊ธฐ๋ฅ์ ๊ฐ์ง innerText, innerHTML ์ด ์ธ๊ฐ์ง ํ๋กํผํฐ์ ๊ธฐ๋ฅ๊ณผ ํน์ง, ์ฐจ์ด์ ์ ๋ํด ๋ธ๋ก๊น ํด๋ณด๋ ค๊ณ ํ๋ค ๐ง
๋ฐฐ์ด ๋ฉ์๋
์ค์ฝํ๋?
๐ย SPA
๐ย SPA
React ์ด๋ฒคํธ ์ฒ๋ฆฌ
ํ์ต ๋ชฉํ