README.md

KDT-Final-Project

🛠 Tech Stack

📌 수행 기간

• 22년 09월 06일(화) ~ 10월 14일(금)

🔗 관련 노션 링크

• 기업연계프로젝트-Front

📗 프로젝트 설명

🎴 한국에 대한 세계의 관심이 높아져감에 따라, 소비자들이 한국제품을 조금 더 쉽게 소개할 수 있는
   매거진 큐레이션 형태의 역직구 플랫폼입니다.

🙌 팀원

노영서	김휘린	양다영	박인석

❓개발환경과 선택한 이유

✔️ Vite

CRA보다 빠른 빌드를 통해 개발의 효율을 높일 수 있어 선택하였습니다.

✔️ RTK Query

현직에서 가장 많이 사용되는 리덕스와 리덕스의 강점을 높여줄 수 있어 상태관리 툴로 선택하였습니다.

✔️ tailwind

부트스트랩을 따라잡을 수 있을 만큼 급 부상하고 있으며 class를 통해 빠르고 편리하게 개발 할 수 있어 선택하였습니다.

💎 팀원별 역할

노영서(팀장)

🌈 API연결 및 담당 로직

• 상품 디테일 페이지 관련 API연결
  • 상품, 리뷰, 1:1문의 API연결
• 1:1 문의페이지 API 연결
• 장바구니
  • 비회원: 로컬스토로지와 reat-toolkit이용
  • 회원 장바구니 API연결
• 상품 리스트에 찜리스트 연결(비회원, 회원)
  • 비회원: 로컬스토로지와 reat-toolkit이용
  • 회원: 찜 API이용
• 주문하기 API 연결
• 회원가입 API연결
• 프론트 단에서 검색 구현

🎨 컴포넌트 디자인

• 메인페이지 中 추천매거진, 맨/우먼/라이프/한국트렌드 탭리스트
• 오늘페이지
• 로그인페이지, 회원가입페이지
• 상품 디테일페이지
• 주문하기
• 장바구니
• 비밀번호 / 아이디 변경페이지
• 1:1문의 페이지
• 매거진페이지
• 주문/배송/픽업 조회 페이지
• 페이지 하단 네브버튼리스트

양다영

🌈 API연결 및 담당 로직

• JWT를 이용한 로그인 구현
• baseQuery 및 store관리
• 아이디, 비밀번호 찾기 API연결
• 회원정보 수정 API연결
• 로그아웃
• 메타태그 설정

🎨컴포넌트 디자인

• 메인페이지 中 상단 스와이퍼 영역
• 로딩, 에러컴포넌트
• 404페이지
• 카테고리 페이지
• 주문/환불페이지

김휘린

🎨컴포넌트 디자인

• 메인페이지
  • 오늘의 베스트, 랭크
  • 맨/우먼/라이프/한국트렌드 탭리스트 디자인 어시
• 회원가입
  • 약관 동의
  • 회원 상세정보 입력 어시
• 카테고리 페이지
• 찜리스트
• 최근 본 상품
• 상품리스트 페이지
• 검색 페이지 및 검색 결과 페이지
• 글로벌 디자인

🌈 API연결 및 담당 로직

• 최근본 상품
  • 로그인 여부와 관계 없이 적용할 수 있도록 localstorage로 구현
• 검색 API
  • 최근 검색어는 로그인 여부과 관게 없이 작동하도록 localstorage 이용
• 카카오톡 공유 API연결
• 카카오톡 우편 조회 API연결

박인석

🎨컴포넌트 디자인

• 메인페이지 中 오늘의 추천 매거진, 최근 매거진
• 이벤트
• 마이페이지
• 이벤트페이지
• FAQ 페이지