StoreReview

리뷰 서비스를 제공하는 웹 사이트 개발 프로젝트입니다. 😊

웹사이트 보러가기

Front-End repository

팀원 🧑🏻‍🤝‍🧑🏻

• Front-End : 박재현
• Back-End : 문윤지, 조준희

주요 기능 💃

• 이미지 업로드, 별점, 댓글, 로그인, 회원가입, 검색, 가게 정보 조회

기술 스택🔧

Front-End

• Library
• react
  • redux
  • redux-saga
  • react-router-dom
• HTML5
• CSS, styled-component
• Javascript, Typescript

Back-End

• Server
  • Ubuntu 20.x
  • Docker Container ( CentOS 7 )
  • Ley's Encrypt SSL Protocol
• FrameWork
  • Java 8
  • Spring Boot 2.5.x
  • Spring Data JPA
• Build Tool
  • Gradle
• DataBase
  • MySQL
• Infra
  • AWS RDS
  • AWS S3

Cooperation Tool

• 버전 관리
  • Git(Pull Request Feedback Cycle)
• 의견 공유 및 정리
  • Discord
  • Notion
  • Figma (프로토타입)

해결 과제 🤹

Front-End

• 회원가입, 로그인 직접 구현
• 지도 api 적용
• redux-saga 로 비동기 작업 & 상태 관리
• 이미지 업로드
• 리뷰 코멘트 Form
• 코멘트 Pagination

Back-End

• Server 세팅
• Cors 정책 허용
• SSL Protocol 세팅
• api 규약 정의
• DB 설계 & ERD 작성
• 프로젝트 세팅
• 모델 정의 및 MySQL 연동
• 테스트 코드 작성
• 기능 구현
  • Spring Security JWT 인증/인가 기능 구현
  • Utils 기능 구현
    • AES256, BCrypt, Base64 Tool 개발
    • 타입 컨버터 기능
  • 전역 예외 처리 핸들러 구현
  • 회원가입
    • Validator 기능 구현
  • 로그인 (Authenticate) JWT 발급
  • 리뷰 조회 (가게의 전체 리뷰 조회, 개별 리뷰 조회)
  • 리뷰 작성 (이미지 업로드 기능 수행)
  • 리뷰 수정 (리뷰 작성자 권한)
  • 리뷰 삭제 (리뷰 작성자 권한)
  • 리뷰 코멘트 조회 (리뷰에 달린 모든 코멘트 + Paging)
  • 리뷰 코멘트 작성
  • 리뷰 코멘트 수정 (리뷰 사용자 체크 후 수정 기능 수행)
  • 리뷰 코멘트 삭제 (리뷰 사용자 체크 후 삭제 기능 수행)