main-project 13일차 (22.09.20. 물품 공유 리스트 페이지 구현)

✅ 오늘 한 일

물품 공유 리스트 페이지 구현

• 카테고리, 제목 검색, 공유 상태 총 3가지의 필터를 각각의 컴포넌트로 나눠서 만들었다. (재사용성)
• API가 존재하지 않아 3중 필터인 기능에 대한 작업은 진행할 수 없었지만 JSON 서버를 사용하여 간단하게 테스트를 진행했다.
• 페이지 네이션을 구현할 때 라이브러리를 사용하여 구현하는 것보다는 자신만의 코드로 구현해보는 것이 좋다는 멘토님의 말씀을 토대로 구현해보려 했지만 생각이 잘 정리되지 않았고 코드의 길이가 길어 졌으며, 3중필터 + 페이지네이션까지 한번에 진행이 잘 되지 않았다.
• 결국 react-js-pagination라는 라이브러를 사용하여 구현했다.
  • 해당 라이브러리는 페이지네이션을 JS로 구현할 때 쉽게 사용할 수 있도록 해주는 라이브러리이다. 타입스크립트로 작업을 했다면 사용하지 했을 수도 있다 .(타입스크립트도 사용가능한 라이브러리 존재)

🥲 어려웠던 일

• 페이지네이션을 나만의 코드로 구현하는 것이 어려웠고 실패했다. 다음에 성공할 수 있도록 로직을 조금 더 공부해야겠다.

📌 해야할 일

• AWS S3로 이미지 업로드하기