---

Forklog - 음식점 리뷰 및 추천 사이트

음식점 카테고리, 지역별 음식점 정보를 검색하고 음식점의 리뷰를 보거나 달 수 있으며, 사용자 현재 위치 기반 및 사용자 맞춤형 음식점들을 추천해주는 사이트입니다.

시연 영상

사용자 현재 위치에 따른 근처 음식점 정보 제공	카테고리 및 지역 필터에 따른 음식점 정보 조회
특정 음식점 상세 페이지 및 즐겨찾기 추가 (로그인)	사용자가 즐겨찾기한 음식점들의 카테고리와 동일한 다른 음식점 추천

• 유튜브 시연 영상: forklog 소개 및 시연 영상

주요 기능

사용 기술

Backend

기술	설명
	백엔드 프로그래밍 언어
	백엔드 IDE
	RDBMS

• Spring Boot

기술	설명
	REST API 제작
	인증, 인가 구현
	인증, 인가 구현
	ORM
	외부 Open API 연동, 데이터 수집
	개발 환경에서의 REST API 테스트
	Application build tool

Frontend

기술	설명
	웹 애플리케이션 구현
	전역 상태 관리
	UI 컴포넌트 라이브러리
	웹 페이지 구조
	웹 페이지 스타일 지정
	ECMA6
	프론트엔드 IDE

그 외

• 버전 관리

기술	설명
	소스 코드 버전 관리
	협업을 위한 소스 코드 원격 저장소
	버전 관리 GUI

• Communication

기술	설명
	문서화, 프로젝트 일정 관리, Troubleshooting, 그 외 프로젝트 관련 기록
	회의, 자료 공유, 팀 의사소통

• 그 외

기술	설명
	클라우드를 이용한 온라인 배포
	음식점 정보, 지도 등을 위한 Open API

아키텍처

프로젝트 정보

• 프로젝트 기간: 2024.12.09 ~ 2025.01.07

팀원별 역할

• EaseHee (팀장)

  • [기획]
    • ERD 설계.
    • DB 설정.
    • 서버 관리.
    • Git repository 관리.
  • [BE]
    • Web socket을 이용한 오픈채팅 구현.
  • [FE]
    • 메인 페이지 구현.
    • 오픈채팅 UI 구현.

• YYUMMMMMMMM

  • [기획]
    • ERD 설계.
    • 화면 설계서 및 기능 정의서 작성.
  • [BE]
    • 인증(로그인), 회원가입 REST API 구현.
  • [FE]
    • 로그인 및 회원가입 페이지 구현.
    • 프로필 페이지 구현.
    • CSS 통일.
    • 오픈채팅 UI 구현.

• kai-jang99

  • [기획]
    • ERD 설계.
    • 메뉴 정의서, 화면 흐름도, 화면 설계서 작성.
  • [BE]
    • 상세 페이지 내 자유 댓글 및 대댓글의 CRUD를 위한 REST API 구현.
    • 댓글 및 대댓글 좋아요 기능 구현.
  • [FE]
    • 상세 페이지 내 자유 댓글 및 좋아요 UI 구현.

• rmk-3850

  • [기획]
    • ERD 설계.
    • 화면 설계서, 기능 정의서 작성.
  • [BE]
    • 상세 페이지 내 별점 리뷰 관련 CRUD 및 정렬(최신순, 별점순) 기능을 위한 REST API 구현.
    • 마이 페이지 내 별점 리뷰 관련 CRUD 및 정렬 기능을 위한 REST API 구현.
  • [FE]
    • 상세 페이지 내 별점 리뷰 탭 구현.
    • 마이 페이지 내 별점 리뷰 탭 구현.

• jaeuk-choi

  • [BE]
    • 상세 페이지 정보 제공을 위한 REST API 구현.
    • 음식점 정보, 즐겨찾기 기능 구현.
    • 썸네일 이미지의 CORS 및 접근 문제 해결.
    • 음식점별 평균 별점 조회.
  • [FE]
    • 상세 페이지 내 음식점 이미지 슬라이드, 지도, 블로그 리뷰 구현.
    • 마이 페이지 내 즐겨찾기 탭 구현.

• JeroCaller

  • [기획]
    • ERD 설계.
    • 자료 조사 및 정리.
    • 회의록 작성.
    • 화면 설계서 및 API 정의서 작성.
  • [BE]
    • Open API로부터 음식점 데이터 수집 및 DB 저장 파이프라인 구축. [Source code 1] [Source code 2]
    • 전국 주소 데이터를 시도군 및 도로명 별로 수집하여 지역별 음식점 정보 제공에 활용.
    • 음식점 페이지 조회수 증가 기능 구현. [Source code]
    • REST API 구현.
      • 음식점 카테고리 대소분류 정보 제공. [Source code]
      • 지역 필터 UI를 통해 지역 주소 입력 시 주변 음식점 정보 제공. [Source code]
      • 지역 대소분류 정보 제공. [Source code]
      • 사용자 현재 위치 좌표 정보를 토대로 근처 음식점 정보 제공. [Source code]
      • 음식점 추천 알고리즘 구상 및 구현. [Source code]
        • 사용자가 즐겨찾기한 음식점의 카테고리와 일치하는 음식점들을 추천하는 방식. [Source code]
      • REST API JSON 응답 구조 정형화. [Source code]
    • 코드 리팩토링
      • 안전한 리팩토링을 위한 테스트 코드 작성. [Source code]

문서

기획서

• ERD

• 메뉴 정의서

• 화면 정의서

전체 화면정의서는 Github Wiki - 화면 정의서를 참고하시기 바랍니다.

산출물

• 테스트 케이스

• 화면 흐름도

• API 정의서

모든 API 정의서는 다음의 링크로 연결되는 문서를 참고하시길 바랍니다 ▶️ Forklog - API 정의서 (Google Docs)

개발 일지

• 팀프로젝트를 하면서 제가 개인적으로 새로 배우거나 겪은 경험들을 적은 기술블로그 글입니다 ▶️ 팀 프로젝트 Forklog에 대한 글 로드맵

그 외 정보

• 팀프로젝트 관련 자료들은 Forklog Github Wiki에 있으니 참고바랍니다.
• Frontend Github repository: forklog-frontend