트러블슈팅

Lucide 아이콘을 이용한 삭제 버튼을 만들었고, 마우스 오버 시 아이콘의 색상이 빨간 색으로 변하게 하고 싶었음. 아이콘은 <button> 태그에 감싸져 있었음. <button><Trash /></button> <- 이런 식으로. 그런데, button의 패딩 영역에

clsx 라이브러리를 통해 컴포넌트 내부에 지정한 기본 스타일과 커스텀 스타일(props로 받아온 스타일)을 병합해 사용하고 있었다. 그런데 내가 원하는 방식과 반대로, 기본 스타일이 커스텀 스타일을 덮어쓰는 문제가 생겼다. 나는 clsx가 중복된 클래스 이름을 처리한

프로젝트에서 React + SVG icon 라이브러리를 사용하는 중이었다. SVG 아이콘 라이브러리는 컴포넌트로 아이콘을 불러와 사용하는데, select 컴포넌트의 화살표 아이콘처럼 background-image로 활용해야 하는 경우에는 적합하지 않았다. 브라우저의 기