꾸매코딩

결과 각 포스터에 나오던 평점을 점수에 맞게 별 모양으로 출력되도록 하였다. Detail 페이지에 나오는 평점을 평점 점수에 맞게 별 모양으로 출력되도록 하였다. Star Rating npm i react-star-ratings을 활용하여 만들었다. 해보려고 이런 저런 시도를 하다가, 잘 만들어진 라이브러리가 있어서 이용하였다. 설명이 잘 되어있으니 참고하여 필요에 맞게 사용하면 될 것 같다. https://www.npmjs.com/package/react-star-ratings react-star-ratings A customizable star rating component for selecting x stars or visualizing x stars www.npmjs.com 수정 포스터 상단에 [..

결과 영화, TV 프로그램에 Detail Page를 만들어 세부 내용을 나타내 주었다. Route path를 "/movie/:id" , "/tv/:id"로 지정해 주었다. 영화는 IMDB 링크를 연결하였고, TV 프로그램은 각 Homepage와 연결하였다. 계획 이번에 해결하지 못한 평점을 ★7 이 아닌 ★★★☆☆ (star rating) 형태로 나타낼 예정이다. 포스터 상단에 [기본 정보 / 무비 클립 / 시즌 정보]를 클릭하면 각각의 내용을 보여주도록 할 예정이다. 느낀 점 class component로 한번 했던 내용이라 비교적 쉽게 하고 있다. function component로 다시 만들면서 코드의 길이가 줄어드는 것을 느끼고 있다. 만들면 만들수록 추가해보고 싶은 기능들이 너무 많아서 행복하면..