컨텐츠 페이지 최신순, 좋아요 순 정렬

1. get 요청으로 좋아요를 많이 받은 순으로 정렬
2. 좋아요 순으로 정렬된 데이터를 클릭시 클릭된 컨텐츠 id를 param으로 전달하여 상세 페이지 모달로 정보를 전달 해준다

컨텐츠 데이터

• 날짜 표기
  2022-1-7 로 날짜 표기

• genres 표기
  장르

검색기능

검색을 하면 밑에있는 컨텐츠를 없애고,
찾으면 찾은 컨텐츠를 보여주고,
없으면 없는 컨텐츠 입니다 라고 보여 준다

redux

션에서 dispatch를 통해 reducer에 보내서 stroe에 업데이트 후 state 저장하는 흐름

컨텐츠 페이지 구현 해야할 것들

• 검색기능
• 좋아요기능
• 카테고리, 컨텐츠 선택 시 최신순, 좋아요순 정렬
• 페이지 디자인 적용
• 상세 모달
  • 소제목 추가하여 레이아웃 재배치
  • 내용 설명에 스크롤 생성
• 컨텐츠 제목 적정 크기 넘어갈 시 ... 으로 보이게 하기

컨텐츠 제목 적정 크기 넘어갈 시 ... 으로 보이게 하기

.title {
  display: -webkit-box;
  font-size: 0.8em;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}