truthone/km-front

🚶‍♂️🚶‍♀️ 당신의 문화생활 길잡이_킬로미터🚶‍♂️🚶‍♀️

프로덕션 Link : https://kilometer.shop/

소개

• 프로젝트 진행 기간 : 2022.02~2023.03

• 프로젝트 합류 : 2022.07~2023.03

• 팀구성 : 기획 1, 디자이너 1, FE 3, BE 3

• 기술 스택 (프론트엔드) : Next.js, Typescript, Recoil , Emotion, styled-component

• 프로젝트 전체 github: https://github.com/teamesa

• 본인 기여 부분 github: https://github.com/truthone/km-front

[프로젝트 소개]

• 문화생활 컨텐츠 정보 제공 (전시회, 콘서트, 뮤지컬 등)
• 문화생활 리뷰(아카이브) 등록 및 다른 유저들의 리뷰 제공
• 관심 있는 문화생활 저장, 리뷰 좋아요 기능
• 마이페이지에서 내가 다녀온 문화생활 아카이브 (리뷰) 저장, 관리

[본인 기여 부분]

1. 이미지 캐러셀 모듈 구현
2. 마우스 drag로 캐러셀 스크롤 구현
3. IntersectionObserver 이용하여 불필요한 동작 제거 및 캐러셀 숫자 인디케이터 구현
4. 마이페이이지, 마이아카이브 리스트, 리뷰 상세 정보, 실시간아카이브 코너 구현
   • 마크업, 데이터패칭, 하트 좋아요 클릭 반영 등
5. QA 테스트 케이스 작성 및 문제 원인 추적 및 트러블슈팅

---

[본인 기여 부분 - 화면]

1~3. 이미지 캐러셀

홈 > 무한 슬라이딩 이미지 캐러셀

상세페이지 > 아카이브 캐러셀	마이아카이브 캐러셀

4. 실시간 아카이브, 마이페이지, 마이아카이브(리뷰)

홈 > 실시간 아카이브

마이페이지	마이페이지 > 마이 아카이브 (나의 리뷰)