Repository files navigation
기본 이미지 파일 assets 폴더로 이동
js파일 모듈화 실패.. 아무 기능도 안되서 일단 롤백.
검색 버튼 텍스트 수정 및 api json 형식으로 확인용 요소들 display: none 으로 숨김처리
조회하기 버튼 옆에 기존의 카카오 기반 검색이 아닌 관광지 정보들을 검색할 수 있는 검색 기능 추가
관광지에 반려동물 동반여부를 알려주는 데이터를 추가함.
시작 및 종료일을 선택하지 않고 조회하기만 하면됌.
아래 기능은 오류메세지는 나타나지 않지만 매치되는 행사가 있는데도 검색결과가 나타나지 않는다는 메세지 출력됨. 원인을 못 찾겠어서 일단 박스는 냅두고 프로젝트 끝나고 고치기로..
관광 타입에서 행사/공연/축제를 선택하면 하단에 행사 시작일과 종료일을 선택할 수 있는 박스를 추가하여 해당 기간에 매치되는 행사들만 보이는 기능 추가
행사정보조회 URL을 가져와 행사의 시작일과 종료일을 옵션박스를 통해 선택하면 해당 구간 사이의 행사정보만 조회되게 기능 구현
관광지 정보 인포위도우 및 게시글 항목 수정 ex)생성일 삭제, 행사/공연/축제의 경우 시작일 종료일 텍스트 추가
반려동물여행정보 URL을 이용해 각 관광지 정보에 해당 정보 기입
[선택사항] 마커 클러스터링 기능을 통해 겹치는 마커 문제 해결하기(크게 문제되지는 않는다)
js파일 기능 구현 종료시 크게 각 기능 별로 모듈 방식 파일 분리
프론트엔드 UI 적용
glitch 서버 배포 및 다른 페이지와 route 경로 연동(이게 제일 문제 아닐까..?)
배포 및 연동 성공시 보고서 쓸 때 참고하기 위해 Readme파일 자세히 재작성
일반지도, 지형도, 위성지도, 겹쳐보기 기능 추가
오늘 밤까지 기능 구현 완료후 app.js 기능별로 ES6 모듈 방식으로 파일 분리 예정. 각 파일은 기능별로 코드가 나뉠 예정이며 HTML파일에서는 마지막에 main.js를 모듈로 불러오도록 함.
🔥100커밋 달성🔥
이미지가 없는 관광지 게시글에 기본 이미지를 넣는 코드 추가
상세 페이지에서 이미지 보이지 않는 오류 해결 및 2가지일시 슬라이드로 볼 수 있음.
server.js에서 TourAPI: 상세 관광정보 조회 엔드포인트 신규 루트 생성
게시판에서 관광정보 목록 클릭하면 상세페이지 팝업이 뜬다.
상세 관광정보 팝업 페이지 생성
조회된 데이터가 없으면 alert로 "조회된 데이터가 없습니다"라는 알림창 나오게함.
현재 게시판에서 관광정보 클릭시 팝업? 창을 만들어 관광지에 대한 보다 자세한 정보를 확인할 수 있는 기능 추가중.. 행사/공연/축제, 숙박의 경우 보다 정확한 정보를 확인 할 수 있게 구현하는게 목표
이제 관광정보를 조회하면 지도에 마커뿐만 아니라 아래에 게시판 추가해서 게시판으로도 관광정보를 확인할 수 있다.
이전 깃에서 해당 함수 코드만 복붙후 버그 수정완료.
새로운 기능 추가하면서 실수로 카테고리 검색 함수와 마커관련 css코드 삭제했었음.
근데 갑자기 기존의 카테고리 검색 버튼이 오류남.
출력되는 데이터들을 지도의 마커로 표시하고 인포위도우에 해당 장소의 정확한 정보들을 표시
지역선택, 세부지역선택, 관광타입선택 버튼 만들고 조회하기 버튼 누르면 해당하는 데이터들 json형식을 출력되는거 확인
TourAPI 연동 후 데이터 읽어오기 성공
상단의 배너와 현재위치 버튼 검색창이 스크롤을 내려도 내려오지 않게 UI 수정
관광지 데이터를 보여주기 위한 공간을 위해 지도 영역을 제한하고 카테고리 박스UI를 지도 우측으로 변경
카테고리 버튼 박스 위치, 검색창UI, 검색목록UI 변경
카테고리 검색기능 처음 구현당시 전국지도로 확대되며 검색되었는데 현재는 내가 보고있는 영역내에서만 검색되게 수정
장소 카테고리별 검색 기능 추가
기존에는 목록항목에 마우스를 올려놓으면 인포위도우가 열렸는데 항목을 클릭해야 열리게 수정 및 UI 개선
장소 검색후 목록으로 보여주는 기능 구현
검색시 조회되는 인포위도우 창들을 닫을 수 없는 버그 수정
검색시 조회되는 인포위도우 창을 띄어놓은 상태에서 다른 지역 검색시 지워지지 않는 버그 수정
검색 데이터들 마커로 지도에 표시 및 상세 정보 인포위도우에 나타남
검색시 조회된 장소 주변 장소들을 console.log에서 확인
카카오 검색 기능 오류 해결
카카오 검색 기능 오류 발생
검색기능을 위한 카카오API 연동 성공(네이버는 공식 가이드가 카카오보다 불편하다..)
검색창 추가(아직 기능 구현중..)
현재 위치 마커 아이콘 주변에 이펙트 퍼져나가는 애니메이션 적용
현재 위치 마커 아이콘 커스텀 이미지 적용(테스트용 이미지고 후에 바꿈)
현재 위치 불러오기 기능 구현 완료
현재위치를 불러오는 기능 구현을 위해 jQuery 적용중
장소 데이터를 express를 이용해 server.js에서 docs/app.js로 전송
마커 인포윈도우에 테스트용 장소 데이터 삽입 성공
마커 여러개 추가
테스트용 마커 추가
테스트 하기 위해 확정된 UI가 아닌 임의로 배너 및 현재 위치 인포위도우 추가
처음 커밋했을 때 키 노출되어 키 재발급
express 서버에 dotenv 사용하여 네이버apikey 숨김
네이버지도API 연동 오류 해결
Client Secret이 아니라 Client ID를 넣어야함
서비스 URL 등록할 때 http://localhost 뒤에 포트 번호 적으면 안됌
About
네이버지도 만들기..
Resources
Stars
Watchers
Forks
You can’t perform that action at this time.