svg 아이콘 사용시 유의사항(with vue, css)
우리가 자주 사용하는 아이콘의 경우 컴포넌트화를 통해 사용할 수 있다. 특히 이 방법은 vue, react에서 자주 쓰이는 방법이며 또한 간편한다. 하지만 이 방법을 쓸 때 직면하는 여러 이슈가 있는데, 오늘은 svg아이콘을 사용할 때 유의하면 좋은 사항을 알아 본다! (vue 한정의 내용이 아닌 svg를 아이콘으로 쓸 때 유의할 점을 설명) 1. vue에서 svg 아이콘 컴포넌트 쓰기 vue 공식문서에서 svg 아이콘을 사용할 때 컴포넌트화 하는 방식을 소개하고 있다. 이 방법을 사용하면 icon 컴포넌트에 props를 내려 width, height, color을 수정할 수 있다. //testIcon.vue export default { props: { width: { type: [Number, Str..
2021. 9. 21.
