프로젝트 소개

당일 배송 수산마켓 서비스 오늘회 웹사이트 클론 프로젝트

---

개발 인원 및 기간

• 기간 : 20.02.24 - 20.03.06
• 팀 구성 : 프론트엔드 4명, 백엔드 2명 (총 6명)
• Backend-Repo: we-fish-Backend GitHub Repository 📍

---

Demo

사용된 기술

• FrontEnd:

  • JavaScript
  • React
  • Sass(Scss)
  • KaKao API

• BackEnd:

  • Python
  • Django Web Framework
  • MySQL

• Deployment:

  • AWS EC2, RDS
  • CORS headers

---

구현 기능:

Main Page / Products:

• React의 params를 사용하여 해당 이미지 클릭시 상세페이지 이동경로 구현
• React Slick, React Carousel 사용하여 Slider 기능 구현
• Backend API 를 Fetch 및 Axios를 사용하여 데이터를 GET한 후 .Map 함수를 사용하여 화면에 구현 하였습니다
• 유동적 Router를 사용하여 params 적용

Detail/Layout:

• React fragment 및 child 를 사용하여 layout 구현
• 해당 ZIP CODE 에 맞춰 배송가능/불가 지역 기능 구현
• match params을 사용하여 제품 상세페이지의 유동적 Router 구현

Nav/Search 기능:

• Navbar / Sidebar/ footer layout구성
• GET,POST 사용하여 제품의 검색기능, 고객의 1:1 문의 기능 구현

로그인/회원가입 기능

• 회원가입:

  • 이메일 및 패스워드 양식 확인 기능 구현
  • Daum 주소 API 연동
  • 핸드폰 문자 인증 기능 구현
  • 가입약관 전체동의/부분 동의 기능 구현
  • 카카오 소셜 회원가입 기능 구현

• 로그인:

  • 로그인 상태 유지 기능 구현 (활성화시 토큰 localStorage에 저장, 비활성화시 토큰 sessionStorage에 저장)
  • 카카오 소셜 로그인 API 기능 구현 (카카오 소셜로그인 선택시 간편 회원가입 가능)

---