😋나만의 맛집을 저장하고, 기록하고, 공유할 수 있는 맛집지도 사이트

#메인화면

🔨개발환경

• Java
• JavaScript
• HTML5
• CSS3
• JQuery
• Spring FrameWork
• MyBatis
• MySQL
• Apache Tomcat

📃주요기능

• 검색한 식당의 tilte,좌표정보 가져옴
• 식당이름 검색 후, 해당 장소 좌표정보 -> 주소로 바꿈

 itemEl.onclick =  function () {
         var lat = marker.getPosition().getLat();
         var lng = marker.getPosition().getLng();

         getAddr(lat,lng);
          function getAddr(lat,lng){
              let geocoder = new kakao.maps.services.Geocoder();
              let coord = new kakao.maps.LatLng(lat, lng);
              let callback = function(result, status) {
                  if (status === kakao.maps.services.Status.OK) {
                    document.getElementById("address").value = result[0].address.address_name;
                    document.getElementById("address_road").value = result[0].road_address.address_name;
                    document.getElementById("city").value = result[0].road_address.region_1depth_name;
                  }
              }
              geocoder.coord2Address(coord.getLng(), coord.getLat(), callback);
          } 
          //마커의 좌표를 주소로 변환
          
          document.getElementById("rest_name").value = title;
          document.getElementById("lng").value = lng;
          document.getElementById("lat").value = lat;
          window.parent.closeModal()
          };

• 지역 카테고리 클릭 시, 그 지역의 맛집목록 표시
• 글쓰기 및 수정 기능
• 파일첨부
• 별점 매기기 기능
• 페이징
• 체크박스 다중 삭제기능
• 필터링(검색) 기능
• 카카오 Open API 이용한 공유하기 기능