main-project 12일차 (22.09.19. 메인화면 구성)

✅ 오늘 한 일

메인 페이지 캐러샐 구현

• 캐러셀(이미지 슬라이드 전환)을 구현할 때 라이브러리를 사용할 것인가? 직접구현해 볼 것인가? 이 두가지에 대해서 고민을 했다.
• 라이브러리를 사용한다면 쉽고 간단하고 부드럽게 동작할 수 있도록 구현할 수 있을 것 같았다. 하지만, 라이브러리를 사용하지 않았을 때, 구현하는 방법도 알고 싶어서 여러가지 검색과 지식을 통해 직접 구현해보았다.

최근 게시물 목록 구현

• 메인화면 중간에 최근 게시물이 카드 형태로 8개가 나타나야 했다.
• 해당 게시글 카드형태는 메인화면에서 뿐만아니라 마이페이지, 물품 공유 리스트 페이지 등 사용되는 곳이 많았다.
• 이것을 재사용할 수 있도록 고민하고 구현해서 직접 테스트를 거쳐서 여러가지 페이지에서도 사용할 수 있도록 컴포넌트를 생성했다.

Footer 구현

• Footer도 데스크탑, 모바일 버전 두가지 형태로 존재했다.
• 간단하게 작게 만드는 것이 아닌 Footer에 담긴 내용의 위치가 변화해야 했기 때문에 2가지 버전으로 컴포넌트를 구성해서 Footer를 구현했다.

🥲 어려웠던 일

• 자주 사용되는 틀을 재사용 할 수 있도록 생각하면서 컴포넌트를 구현하는 것이 어려웠다.

📌 해야할 일

• 물품 공유 리스트 페이지 구성
• AWS S3로 이미지 업로드하기