프로젝트 설명 개인 프로젝트 matzip project는 음식점 검색 웹사이트입니다. 접속자의 위치를 인식해 현재 위치 근처의 음식점이 표시됩니다. 해당 음식점의 영업시간과 마감 시간, 영업 중 또는 영업 종료를 메인 페이지에서 확인할 수 있도록 하였습니다. 로그인 후 리뷰 작성이 가능합니다. matzip map의 메인 페이지입니다. 사용자의 현재 위치를 자동으로 인식해 현재 위치 근처의 음식점 목록이 왼쪽에 표시됩니다. 지도를 움직여 현재 위치가 아닌 다른 위치의 음식점도 확인할 수 있습니다. matzip map 회원가입 페이지입니다. 네이버>와 구글 등 소셜 미디어 인증번호 발송이 가능합니다. 전송하기 클릭 시 알림 창이 표시됩니다. 인증번호는 3분간 유효하며, 인증번호 확인 후 회원가입이 가능합니다. 맛집 등록과 리뷰 작성은 로그인 후 가능합니다. 닉네임을 통해 이메일을 찾거나, 이메일을 통해 비밀번호를 찾을 수 있습니다. 이메일 찾기 버튼 클릭 시 알림 창이 표시됩니다. 확인 버튼을 클릭하면 로그인 페이지로 이동합니다. 로그인 후 +추가 버튼을 클릭하면 맛집 추가 창이 표시됩니다. 맛집 추가 시 모든 값은 필수로 입력해야 합니다. 영업 시작 시간과 마감 시간을 입력할 수 있으며, 마감 시간을 영업 시작 시간보다 빠르게 선택할 수 없습니다. 모든 값을 입력 후 추가하기 버튼을 클릭하면 "맛집을 성공적으로 등록하였습니다"라는 알림 창이 뜨며, 맛집이 성공적으로 등록됩니다. 맛집 목록에서 썸네일이나 이름을 클릭하면 해당 맛집 상세 정보를 확인할 수 있으며, 즐겨찾기가 가능합니다. 삭제 버튼은 작성자일 때만 권한이 주어집니다. 작성자가 삭제할 때 경고 알림 창이 뜨고 "삭제하기" 버튼을 클릭하면 맛집이 삭제됩니다. 로그인 후 맛집 리뷰 작성이 가능합니다. 사진 첨부는 선택이며, 별점과 내용은 필수입니다. 로그인하지 않은 상태에서는 비활성화되어있습니다. 리뷰는 10자 이상으로 입력해야 하며, 그 이하로 입력 시 올바른 내용을 입력해 주세요.라는 경고 글이 표시됩니다. 로그인하지 않은 상태에서 즐겨찾기와 삭제 버튼 등을 클릭하면 로그인 후 사용할 수 있는 기능입니다.라는 경고 창이 표시됩니다.