mouseout1 hover 시 이미지 및 글자 색 바뀌도록 구현하기 우리 사이트에서 유일한 재사용 컴포넌트가 아래에 적어내려갈 상품 미리보기 컴포넌트이다. 메인과 상품 리스트 그리고 상품 상세페이지에 들어갈 컴포넌트이기 때문에미리 분리 작업을 했었다. 그리고 제일 먼저 작업을 해 main으로 merge해 이후 작업에서 바로 쓸 수 있도록 활용했다. 처음 시작을 할때엔 hover 시 이미지가 바뀌는 것이니까 css의 hover 속성을 이용해서 해보려고 했으나 바뀌어야하는 이미지가 db에서 받아와야하는 데이터라서 할 수 없었다. 다른 방법을 찾은 결과 event 중 mouseOver 와 mouseOut이 있었다. 그래서 이번엔 event를 사용해 이미지를 바꿔주는 작업을 해보려고 한다. 만약 styled-components를 사용한다면 js 파일에 css를 적을 수 있기때문.. 2023. 8. 9. 이전 1 다음
