Day 46 카카오맵 API CORS 오류

Day 46 카카오맵 API CORS 오류

비트연산에 대한 문제입니다. 이게 포인트임처음엔 아래처럼 풀었는데 틀렸다고합니다. 그래서 printa를 출력해봤더니. 자리수가 안맞았다. 해결방법 zfilln을 사용하여 왼쪽에 0을 채워주어 길이를 n으로 맞췄다. rjust는 문자열의 오른쪽을 정렬하고, 필요한 만큼의 길이를 추가하여 문자열을 맞추는 메서드입니다. 여기서는 a12.rjustn, 0을 사용하여 a12 문자열의 길이를 n으로 맞추고, 미흡한 자릿수는 0으로 채웁니다. rjust의 첫 차례 인자는 요구하는 문자열 길이를, 두 차례 인자는 채울 문자로 사용할 문자를 지정합니다.

KakaoMap.jsx 해당 코드 한 번에 보기

React KakaoMap SDK 카카오맵의 지도 출력 부분을 React jsx 형식에 맞게 변환한 SDK 에서 import해온 Map 컴포넌트에 onIdle을 걸어 사용자가 터치 혹은 클릭으로 지도 출력 위치를 변경했을 경우 그 값을 감지할 수 있도록 합니다. 그 후 map.getCenter에서 getLng, getLat으로 변경된 위치의 위도, 경도를 꺼내고 geocoder를 사용해서 해당 위도, 경도값을 한글 주소명으로 변환합니다.

한글 주소로 변환한 첫 차례 depth값이 서울일 경우, 해당 지도의 위치가 변경되었어도 아직 서울 지역을 출력하고 있다는 말이기 때문에 2 depth인 해당 지역구를 상위 컴포넌트로 넘기기 위해 Recoil에 값을 저장시킨다.

해결 방법

해당 방식으로 해결이 되었습니다. 다른 사용자의 문의 내용을 보니까 일시적인 해결법인거 같기도 한데. 첫번째 해결. 내 코드 문제가 아니었다. .해당 오류를 겪는 사용자는 많은데 분명한 해결방법을 찾기 어려워서 정리해봤습니다. 혹시나 해당 오류가 일어나는 분이 있으면 시도해보시면 좋을 것 같다 오류가 나는 페이지httplocalhost3000를 켠다 개발자 도구를 열어줍니다.

앱의 주요 기능

지도 및 검색 기능 사용자는 요구하는 지역이나 주소를 검색해 해당 위치의 지도를 확인할 수 있습니다. 검색 기능은 여러가지 키워드, 주소, 업체명 등을 지원하며, 지도에서 구체적인 정보를 확인할 수 있습니다. 실시간 대중교통 정보 실시간으로 도로 상황, 교통정체, 사고 정보 등을 제공하여 사용자가 최적의 이동 경로를 선택할 수 있도록 돕습니다. 대중교통 상황에 따라 경로를 조절하여 효과적인 이동이 가능합니다.

자주 묻는 질문