Styledcomponents background-image넣기

✍️ styled components 에서 background-image를 적용하려고 하니 css처럼 경로를 입력하니 적용이 안되어 찾아 보았다.

과정

1. import 형식으로 이미지를 불러온다.

   import icon_add from "../asset/images/more.png";

2. styled componenets에서 변수 삽입 형태로 background-image 경로에 적용한다.

   background: #fff url(${icon_add}) no-repeat center/100%;

참고 문헌

• https://so-tired.tistory.com/236