🍀 네이버 MyPlace 클론코딩

네이버 MyPlace 클론코딩입니다.

방문했던 음식점에 대한 리뷰를 작성하고, 다른 사람들이 남긴 리뷰를 확인할 수 있습니다.

마음에 드는 리뷰는 좋아요를 표시해보세요.

📆 개발기간

2023.03.03 ~ 03.09

🛠️ 기술스택

• FE
  • JavaScript
  • React
• BE
  • Java
  • Spring Boot
  • Spring Data JPA
  • Spring Security
  • AWS EC2
  • AWS RDS
  • MySQL

💡 구현기능

• 회원가입
  • 유효성 검사
    • 아이디 : 5~20자의 영문 소문자, 숫자와 특수기호(_),(-)만 사용 가능합니다.
    • 비밀번호 : 8~16자 영문 대 소문자, 숫자, 특수문자를 사용하세요.
    • 닉네임 : 2~20자의 한글, 영문 대 소문자, 숫자를 사용하세요.
    • 입력안한 경우 : 필수 정보입니다.
• 로그인
  • ID, PW 일치하지 않는 경우 : 다시 로그인해 주세요.
• 리뷰 CRUD
  • 리뷰 작성, 수정, 삭제가 가능하다.
  • 리뷰 등록 시, 이미지를 함께 올릴 수 있다.
  • 리뷰 수정, 삭제는 작성자만 가능하다.
• 피드 탭
  • 모든 리뷰를 조회할 수 있다.
  • 무한 스크롤
• 방문 탭
  • 내가 방문했던 음식점을 확인할 수 있다.
  • 방문했던 음식점의 리뷰를 작성할 수 있다.
• 리뷰 탭
  • 내가 작성한 리뷰를 볼 수 있다.
• 좋아요 기능
  • 마음에 드는 리뷰에 좋아요를 누를 수 있다.

---

📋 와이어 프레임

와이어프레임.pdf

---

📄 ERD

---

📜 API 문서

---

✋ 조원 정보

이름	구분	업무파트	Github 주소
김근호	백엔드(spring)	피드, 방문, 리뷰 데이터 조회 구현 상세 리뷰 조회 구현	https://github.com/GEUNHOKIM
김도연	백엔드(spring)	회원가입, 로그인, 시큐리티 구현 음식점, 방문 데이터 등 sample data 작성 리뷰 작성 구현	https://github.com/dev-dykim
김진원	백엔드(spring)	이미지 업로드 구현 리뷰 수정, 삭제 구현 좋아요 기능 구현 서버 배포	https://github.com/skwwnl
최승호	프론트엔드(React)	로그인 회원가입 메인 페이지 피드, 방문, 리뷰 조회 무한스크롤	https://github.com/
한지윤A	프론트엔드(React)	리뷰 상세조회 리뷰 수정 리뷰 삭제 좋아요 기능	https://github.com/JellyKingdom
김찬희	프론트엔드(React)	리뷰 작성 리뷰 수정 리뷰 삭제 카테고리 체크 이미지 업로드

---

📽️ 결과물

• 시연 영상

  클론 프로젝트 - 네이버 마이플레이스(My Place)