Skip to content

buyMeFood-Project/buyMeFood

Repository files navigation

알파코 주변 맛집 추천 웹사이트 (맛난거4조 BuyMeFood)

로고


디지털 하나로 1기 교육과정 1차 프로젝트
개발기간: 2023.05.04 ~ 2023.06.04


📽️ 시현 주소

https://www.youtube.com/watch?v=yioUJCgJTIo


🖥️ 배포 주소

https://buymefood.shop/


🙋🏻‍♀️ 구성원

백연정 서예진A 서예진B 성창호 이병석
@baek0402 @Jordizzin @YEJIN325 @kylesung0520 @leebeongseok
  • 메인페이지 구현
  • 마이페이지 구현
  • 회원가입 페이지 구현
  • 맛집 상세 페이지 구현
  • 로그인 페이지,GNB, Footer 구현
  • 랜덤 메뉴 추천 페이지 구현
  • 게시판 페이지, 아이디/비밀번호 찾기 페이지 구현
  • 맛집 리스트 크롤링,전반적인 JS 기능 보완
  • 검색결과페이지, 게시판 작성 페이지 구현
  • 프로젝트 배포

💡 프로젝트 소개

알파코(성수역) 주변 맛집 추천 및 정보를 제공 서비스 프로젝트입니다.

  • 백단을 사용하면 안되는 부분을 해결하기 위해 local storage를 사용하였습니다.
  • 사용자가 성수역 주변 맛집에 대한 정보를 제공받을 수 있고, 맛집 정보 공유 게시판을 구현하여 디지털 하나로 교육생 간에 소통을 할 수 있습니다.
  • 메뉴 랜덤 추천 기능을 통해 매일 고민되는 메뉴 선택에 도움을 받으며 선정된 메뉴를 판매하는 맛집을 추천해줍니다.
  • 또한 사용자가 관심 있는 맛집을 찜하여 추후에 확인할 수 있도록 찜하기 기능을 설계했습니다.

☁️ 시스템 아키텍쳐

image


⚙️ 기술 스택

Environment

VSCode PyCharm Git GitHub

Communication

Slack Google Meet

Front-End

HTML5 CSS3 JavaScript Python Selenium

DevOps

Amazone AWS Ubuntu


✏️ 기능 리스트

  1. 회원가입 및 로그인
  2. 상세 페이지
  • 해당 음식점에 대한 상세 내용 확인 가능
  • 맛집 링크를 통한 위치 정보 제공
  • 로그인 유저 한정 찜하기 기능 가능
  1. 검색 기능
  2. 게시판 페이지
  • 로그인 유저 한정 게시판 작성, 좋아요, 댓글 기능
  1. 마이페이지
  • 이모지와 닉네임 수정 가능
  • 찜 목록과 작성한 게시글 확인 가능
  1. 랜덤 메뉴 추천

⚒️ 기술적 고려 사항

크롤링

  1. 파이썬 셀레니움을 활용한 데이터 수집
    • 파이썬 셀레니움을 이용하여 네이버에서 맛집 데이터, 구글맵에서 맛집의 지도 링크 데이터를 크롤링하였습니다.
    • 해당 데이터들을 JSON 형태로 로컬 스토리지에 저장하였습니다.

로컬 스토리지

  1. 로컬 스토리지 활용한 백단 구현
    • 데이터를 브라우저에 반영구적으로 저장하며, 브라우저 종료 후 재시작해도 데이터가 남아있습니다.
    • 개발자 도구 - Application탭의 Local Storage에서 데이터 확인이 가능합니다.