본문 바로가기
web/맛슐랭 Project

맛슐랭 - 리뷰 구현 결과

by su0a 2024. 3. 27.

1. 로그인 후 사람 아이콘 클릭 시 나오는 화면

  • 로그인 한 회원이 작성한 리뷰의 리스트를 볼 수 있다.
  • 글 작성 버튼을 클릭하면 리뷰 작성 페이지로 넘어간다.

 

2. 글작성 버튼 클릭시 나오는 화면

  • 카카오 지도 api를 활용하여 지도 내 음식점 검색을 할 수 있도록 만들었고, 음식점 검색 시 검색된 음식점들이 지도에 마커로 표시된다. ( 참조: https://apis.map.kakao.com/web/sample/keywordList/ )
  • 검색목록에서 특정 음식점을 클릭하거나 특정 마커를 클릭하면 해당 음식점의 이름, 주소가 리뷰 등록 input 칸에 자동입력된다.
  • 먹은 음식 옆 +버튼을 누르면 먹음 음식 칸을 추가할 수 있다.

 

3. 검색 목록 리스트에서 특정 음식점을 클릭하였거나 특정 마커 클릭시 나오는 화면

 

4. 맛집명, 먹은음식, 제목을 쓰지 않고 등록 버튼 클릭 시 나오는 화면

 

5. 먹은 음식 옆 +버튼 클릭한 경우 나오는 화면

 

6. 리뷰 등록 버튼 클릭 후 나오는 화면

 

7. 카테고리 중 나의맛집 클릭 시 나오는 화면

내가 쓴 리뷰 리스트를 확인할 수 있고 리뷰 리스트 중 특정 리뷰를 클릭하거나 마커 클릭 시 내가 쓴 리뷰 정보 확인, 수정 삭제 가능