You Can Become A
๋ฆ๊ฒ ์์ํด๋ ๋๊ตฌ๋ ์ง ๋ ธ๋ ฅํ๋ฉด ๊ฐ๋ฐ์๊ฐ ๋ ์ ์์ด์ !
svg ํฌ๊ธฐ
๐จ SVG ๋ค๋ฃจ๊ธฐ ์ ๋ฆฌ (ํฌ๊ธฐ / ์์ ๋ณ๊ฒฝ)
SVG (Scalabe Vector Graphic) SVG๋ ํ์ฅ ๊ฐ๋ฅํ ๋ฒกํฐ ๊ทธ๋ํฝ(Scalable Vector Graphics)์ ์ค์๋ง์ด๋ค. SVG ์ด๋ฏธ์ง ํ์ผ์ XML ๋ฌธ๋ฒ์ ๊ธฐ๋ณธ์ผ๋ก ํ๋ ๋ฌธ์์ด๋ฉฐ ๋ก๊ณ ๋ ์์ด์ฝ, ๊ทธ๋ํ ๋ฑ ๋๋ฆฌ ์ฌ์ฉ๋๋ค. ์ฆ, 2์ฐจ์ ๊ทธ๋ํฝ์ ํํํ๊ธฐ ์ํด ๋ง๋ค์ด์ง XMLํ์ผ ํ์์ ๋งํฌ์ ์ธ์ด์ด๋ผ๊ณ ๋ด๋ ๋๋ค. ๋ค๋ฅธ png๊ณผ jpg ์ด๋ฏธ์ง ํ์ผ์ ๋นํด ํ ์คํธ ํธ์ง๊ธฐ์์ CSS๋ JS๋ก ์์ ์ด ๊ฐ๋ฅํ๋ค๋ ์ ์ด ๊ฐ์ฅ ํฐ ์ฅ์ ์ด๋ผ ํ ์ ์๋ค. ๊ฐ์ฅ ํฐ ํน์ง์ผ๋ก๋ ํ์ฅ์ด ๊ฐ๋ฅํ๋ค๋ ์ ์์ ํ๋ํด๋ ํ์ง์ด ๋จ์ด์ง์ง ์๋๋ค๋ ํน์ง์ด ์๋ค. ์๋ฅผ ๋ค์ด ํ์ํฌ์ธํธ์์ ์ด๋ฏธ์ง๋ฅผ ๋๋ฆฌ๊ฑฐ๋ ์ค์ผ๋ ํ์ง์ด ๊นจ์ง์ง ์๋ ๊ฒ๋ ๋ฐ๋ก ์ด ์๋ฆฌ๋ฅผ ์ด์ฉํ ๊ฒ์ด๋ค. SVG ์ด๋ฏธ์ง๋ ํฌ๊ธฐ๋ฅผ ์ค์ด๊ฑฐ๋ ๋๋ฆฌ๋๋ผ..