styled-component에서 이미지를 항상 background-image:url();로 쓰고 있던중.. 갑자기 styled.img로 써볼까? 하는 생각이 들어서 검색해봤다! 다양한 방법이 있군.. ~이미지를 사용하는 방법을 알아보자~ 1. image를 import해서 url (${image});로 쓰는 방법 import smileLogo from "images/main/smileLogo.png"; const SmileLogo = styled.div` background-image: url(${smileLogo}); `; 여기서 height와 width를 조절하려면? 2. styled.img.attrs를 사용한다. import smileLogo from "images/main/Yummy.png"; ..