오늘은 별점 기능(star rating)을 리액트로 구현하는 방법에 대하여 작성해보려고 한다 (੭˙ ˘ ˙)੭ 학교에서 졸업 프로젝트를 진행하던 도중, 별점 기능을 넣어야하는 일이 생겼었는데 그 기능을 작성해보려고 한다. 특히, 이번엔 별점 기능을 기존 라이브러리를 사용하여 구현하는 것이 아닌 직접 구현을 해보게 되었다. 우선 UI는 아래와 같이 작성하였다. 우측 셀렉트 박스로 평점을 매기면 좌측에 별이 차오르도록 구현하였다. 셀렉트 박스를 0~5 사이를 0.5씩 나눈 태그를 넣어 만들어두었으며 setRating으로 value를 저장해두었다 ! // option value 값을 저장한다 const [rating, setRating] = useState(); setRating(e.target.value)}..
