🔗 Link

• 프로젝트 시연 : https://youtu.be/CHxrilVr32s

  

📆 일정 및 프로젝트 관리

• Jira / Confluence
• Bitbucket

📱 담당한 기능 (FE)

• 메인페이지

  • Swiper를 사용하여 재사용 가능한 컴포넌트 슬라이더 구현

• 카테고리

  • useRef를 활용하여 해당 카테고리 포커스 구현

• 검색페이지

  • LocalStorage를 적용한 최근검색어 구현
  • API 통신하여 자동검색어와 일치한 검색단어 구현

• 장바구니

  • 각 상품의 체크박스에 따라 전체선택 체크박스 상태 구현
  • scroll의 유무 및 클릭에 따른 배송비 팝업창 핸들링 구현
  • 상품 수량 변경 및 상품 삭제 구현

• 오더페이지

  • 회원 / 비회원에 따른 쿠폰 API 및 주문데이터 API 통신
  • 아임포트를 통한 결제시스템 통신
  • props를 이용한 쿠폰 사용 구현

• 최근 본 상품 / 기획전 / 레시피

• 사용자 데이터 수집을 위해 Kinesis Client를 사용하여 각 페이지마다 로그수집

• EC2 내에서 pm2로 프로젝트 배포/관리

• 과도한 props drilling을 피하기 위해 Zustand를 적용하여 데이터 상태관리

• 다양한 디바이스의 다양한 화면 크기에 유연하게 적응하기 위해 반응형 웹사이트 구현

• React로 개발 중 SEO 대응을 위해 SSR 접근이 용이한 Next.js로 마이그레이션

• Jira와 Confluence를 통한 동료와의 협업 및 프로젝트 관리

• 재사용 가능한 component를 통해 간결한 코드로 개선

• 브라우저 호환성 (Cross-browser compatibility) 을 고려하여 개발