금융상품 소개 모바일 기반 웹앱

백엔드와 협업 미니 프로젝트

🛠 사용기술

• Redux Toolkit
• RTK query
• SCSS
• And design

📅 기간

• 2022.08.24 ~ 2022.09.02

나의 역할

• 프론트엔드 팀장
• 백엔드와 지속적인 소통하여 의견 조율
• 금융상품 형태 구상 및 제작
• 백엔드와 협업하여 상품 API 정리
• 상품 찜하기, 장바구니 기능 구현

피그마

• 피그마 시안 링크

작업 기록

• 노션

백엔드와 협업 내용

기획 방향

• 금융상품을 소개하고, 맞춤형 금융 상품 제공
• 금융상품 구상
  • 대출, 적금, 펀드, 카드, 멤버쉽
• 추천 상품
  • 사용자가 입력한 회원 정보를 바탕으로 금융 상품 추천

기능

• 회원가입

• 로그인

  • 로그인 연장 기능(엑세스토큰 재발급)

• 회원정보 수정

  
  • 비밀번호 변경
  • 추천상품 결정하는 회원 정보 수정

• 금융상품 추천

  

• 금융상품 검색하기

  
  • 태그를 통해 금융상품 필터링 가능
  • 금융상품 직접 검색

• 찜하기

  

• 찜한 금융상품을 모아서 볼 수 있음

• 금융상품 종류별로 개수 보여주는 기능

• 장바구니 담기

  
  • 장바구니에 담은 금융상품을 모아서 볼 수 있음
  • 헤더 네이베이션바에서 장바구니에 담긴 금융상품 개수 보여주는 기능

• 로딩

  
  • 로딩시 스켈레톤 UI 적용