React 별점 구현
-
React 별점 기능 구현 컴포넌트 만들어보기Web-app/React 2023. 12. 17. 14:25
React로 별점 기능 구현 컴포넌트를 만들어 보았습니다 ⭐ 예쁜 별 svg 파일을 찾기 위해 react-icons 라는 모듈을 이용해 보았습니다. 👉설치 방법 npm install react-icons/fa 👉사용 방법 import { FaStar } from 'react-icons/fa' 별 svg 이외에도 수많은 svg파일을 제공하며 License를 참고하여 이용하면 많은 도움이 될 듯 합니다. 저는 별 말고 불 모양으로 실험해보았습니다. 👉별점 기능을 구현하기 위한 핵심 css 설정 - mouse가 component위에 over되어 있으면 css class를 rating-star-over, 그렇지 않으면 rating-star-out으로 지정한다. - isHover값이 변하면 css class가 변..