์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- api๊ณตํตํ
- M1
- ์์ด๋์ค๋ณต
- ์ทํ๊ท๊ฑธ์ด
- ํ๋ก ํธ์๋
- ์ปค์คํ
- ICTํ๊ธฐ
- CSS
- ios
- react
- ํ ์คํธ ์ธํธ
- ์ฒดํฌ๋ฐ์ค์ปค์คํ
- ๊นํ์ฌ์ดํธ
- svg์
- ์์
- XCode
- ํผ๊ณต๋จธ์
- ICT์ง์
- ์๋ฆฟ์์ ํ
- ๋งฅ๋ถ
- ๊นํ์๋ฌ
- styled-components
- axios์ธ์คํด์ค
- ํผ์ ๊ณต๋ถํ๋ ๋จธ์ ๋ฌ๋
- java 11 ์ค์น
- ๋ฅ๋ฌ๋
- ์ปด๊ณต์ ๋ฐฐ
- ๋จธ์ ๋ฌ๋
- ICT์ธํด์ญ
- ๊ณผ๋์ ํฉ๊ณผ ๊ณผ์์ ํฉ
- Today
- Total
๋ชฉ๋กsvg์ (1)
Hi-๋๐ High-๋โ๏ธ

๋ฒํผ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค๋ค ๋ณด๋ ํ ๋ง์ ๋ฐ๋ผ ์ด๋ฏธ์ง์ ์์๋ ๋ฐ๊ฟ์ผ ํ๋ค. SVGํ์ผ์ ๊ฒฝ์ฐ ๋งํฌ์ ์ธ์ด๋ก ํํ๋๊ธฐ ๋๋ฌธ์ ์์์ ์ฝ๊ฒ ๋ฐ๊ฟ ์ ์๋ค. 1 ) SVG ํ์ผ ์์ ํ๊ธฐ SVGํ์ผ์ ์์์ ๋ฐ๊พธ๋ ค๋ฉด ๋จผ์ ์์ ์ฝ๋์ฒ๋ผ fill="none"์ผ๋ก ์์ฑ๋์ด ์๋ ๋ถ๋ถ์ fill="current"๋ก ๋ฐ๊ฟ์ผ ํ๋ค. ์ฌ๊ธฐ์ ์ฃผ์ํ ์ ์ ๋ชจ๋ fill์ ๋ฐ๊ฟ์ผ ํ๋ค๋ ๊ฒ์ด๋ค. ๋ด๊ฐ ๋ฐ๊พธ๊ณ ์ถ์ svgํ์ผ์ ๊ฒฝ์ฐ fill์ด 2๊ตฐ๋ฐ ์์๋ค. ํ ๊ตฐ๋ฐ๋ง ๋ฐ๊ฟจ์ ๋๋ ์๋์ด ์ ๋๋ค. 2 ) fill ์์ฑ ์ง์ ํ๊ธฐ SVGํ์ผ์ ์์ ํ์ผ๋ฉด ํด๋น ์ปดํฌ๋ํธ๋ก ๊ฐ์ props๋ฅผ fill="#A0A0A0"์ ๊ฐ์ด ์ง์ ํ๋ฉด ์์์ด ๋ฐ๋๋ค. ๋ค๋ง ์ฌ๊ธฐ์๋ ์ฃผ์ํด์ผ ํ๋ ๋ถ๋ถ์ด ์๋ค. SVGํ์ผ์ ๋ค์๊ณผ ๊ฐ์ด img src๋ฅผ ์ด์ฉ..