[ISSUE] background-image url 삽입시 outline 삭제

이미지 삽입시 outline 삭제 방법

: img 태그에 background-image 삽입시 outline이 삭제되지 않아서 해결방법

<PositionImage
position={position.position}
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
/>
                                    

const PositionImage = styled.img`
{/*...*/}
  background-image: url("{/*...*/}");
`;                           

Base64이란

: Base 64 란 8비트 이진 데이터(예를 들어 실행 파일이나, ZIP 파일 등)를 문자 코드에 영향을 받지 않는 공통 ASCII 문자열로 바꾸는 인코딩 방식을 가리키는 개념이다.

이렇게 작성해서 outline 삭제가 가능했는데, 아직까지 정확한 이유는 알지 못했다.