20220918

2022 09 18

• 카카오 지도 API 의 키값이 노출되는 문제
  • env로 환경변수로 키를 등록했지만 지도 api 특성상 스크립트를 추가해야되기 되기 때문에 개발자 도구를 열면 키값이 노출되는 문제 발생

카카오측 답변 : 허용되는 키값과 url 를 내부에서 한번더 체크하기 때문에 노출되도 문제될것이 없다고한다.

• 지도 api 의 콘솔창 400에러

기능 구현에는 문제가 없지만 위와 같이 콘솔창에 새로고침 할때마다 에러가 발생한다.

발생이유 : 주소값을 넣고 지도를 이동시킬때 주소값이 없는 경우 발생

address.json? query= « query부분에 아무것도 없어서 발생하는 에러

//addressSearch 할때 address의 값이 없으면 에러가 발생한다.
geocoder.addressSearch(address, function (result, status) {
      // 정상적으로 검색이 완료됐으면
      if (status === kakao.maps.services.Status.OK) {
        setLocation({ x: result[0].x, y: result[0].y });
        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);

        // 결과값으로 받은 위치를 마커로 표시합니다
        var marker = new kakao.maps.Marker({
          map: map,
          position

...

해결방법 addressSearch 하기전에 address의 값이 있는지 체크를 해주면된다.

if (address) {//address가 있을때만
      geocoder.addressSearch(address, function (result, status) {
        // 정상적으로 검색이 완료됐으면
        if (status === kakao.maps.services.Status.OK) {
          setLocation({ x: result[0].x, y: result[0].y });
          var coords = new kakao.maps.LatLng(result[0].y, result[0].x);

          // 결과값으로 받은 위치를 마커로 표시합니다
          var marker = new kakao.maps.Marker({
            map: map,
            position: coords,
          });

...

• 지도 API 사용 이후 콘솔창에 경고창이 계속 나옴

다른사이트에서 구운 쿠키중 kakao.com 도메인에서 구운 쿠기가 브라우저의 보안 정책 중

특정 스펙을 만족하지 못해서 발생하는 경고

카카오 답변 :

• 지도가 로드되지 않는게 아니라면, 무시해도 됨
• document.write로 스크립트를 생성하는것은 피하는게 좋다