카카오 api3 기능 개선(경유지를 가진 경로 이탈 시 처리) 기존 네비게이션은 경로 이탈 시 따로 처리를 해주지 않았다.그 결과 경로를 이탈해도 다음 안내지점을 고치지 않고, 말도 안되는 경로로 경로 안내를 해 주었다.아래의 사진을 보면 알 수 있다.이 문제를 해결하기 위해 다음과 같은 기능을 가진 코드를 작성하기로 했다.1. 경로 이탈 판정을 해주는 코드2. 경로 이탈시 새로운 경로 탐색 후 추천 2번 기능을 구현하기 위해서는 일반 네비게이션과 랜덤 네비게이션, 그리고 기록을 바탕으로 한 네비게이션을 따로 따로 구현해야 했다. 이 중 나는 랜덤 네비게이션, History 네비게이션 경로 이탈 처리 코드를 개발하기로 했다.경로 이탈 판정 코드경로 이탈 판정 코드는 모두 calculation.js에 작성되어 있다.아래와 같은 코드를 작성해서 위치 변경시 action.. 2023. 11. 1. Random-Drive-Project 기본 MVC 구현(경로 조회, 상세조회) 경로 저장이 완료되었으니 경로 전체 조회, 상세 조회를 구현해야 한다.경로 저장에 대한 설명은 아래 링크에 있다.https://hwk99.tistory.com/117 53일차 - Random-Drive-Project 기본 MVC 구현(경로 저장)경로를 저장하는 이유는 해당 유저가 다녀온 길을 다시 보여주고 안내하기 위해서이다. 고로 다시 경로를 보여주는데 필요한 데이터만 쓰기 편한 형식으로 저장하면 된다. 이전의 카카오에서hwk99.tistory.com 경로 전체 조회모든 조회할 것이고, 이전에 만들어 둔 Route entity 클래스를 이용하면 된다.유저 정보를 이용해 해당 유저의 Route DB의 저장된 정보를 불러올 것이다. 1.ServiceService 코드는 AllHistoryResponseDt.. 2023. 10. 18. Random-Drive-Project 기본 MVC 구현(경로 저장) 경로를 저장하는 이유는 해당 유저가 다녀온 길을 다시 보여주고 안내하기 위해서이다.고로 다시 경로를 보여주는데 필요한 데이터만 쓰기 편한 형식으로 저장하면 된다.이전의 카카오에서 주는 모든 response를 담는 KakaoRouteAllResponseDto를 다시쓰려면 너무나 많은 Entity를 만들어야 한다. 고로 새로운 ResponseDto를 만들기로 하였다.그전에 navigation.js의 일부 코드를 참고해야 한다. 아래 코드를 보자.// 사용자가 반경기반 랜덤 길 찾기 버튼을 눌렀을 때의 동작----------------------------------------------------------------------------------------------------//document.getE.. 2023. 10. 18. 이전 1 다음
