안녕하세요. 카카오톡 지도 관련 문제가 발생해 질문드립니다

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.

================================================================

현재 카카오 지도 API를 활용해 웹을 개발 중에 있습니다

로컬에서는 잘 불러와져서 지도가 보였는데
서버 (가비아의 gcloud 사용 중입니다)에 앱을 올려서 실행시키니 지도가 보이지 않는 상황입니다

개발은 react를 사용해 진행 중이며, npm start로 앱을 실행하고 있습니다
서버에는 nginx를 사용하여 빌드된 react의 index.html을 띄우고 있습니다

로컬의 경우, url에 localhost를 통해 접근하고 있으며
서버의 경우, url에 서버 IP 및 PORT를 통해 접근하고 있습니다

로컬과 서버 전부 network를 확인해보니
kakao.js를 요청하는데에는 성공했으나,
로컬은 사진 데이터를 받아오는 것 같은 반면
서버는 사진 데이터를 받아오지 못하는 것 같습니다

(network 확인 시, 다음의 사진 데이터가 로컬에서만 받아와집니다)
image

현재 제 앱 아이디는 884203 입니다

앱설정 > 플랫폼 > Web 의 설정 내용은 다음과 같습니다


(빨간 박스의 내용은 ${SERVER_IP}:${PORT} 입니다)

이런 상황에서 어떻게 해야 서버에서도
지도를 제대로 띄울 수 있을지 질문드리고 싶습니다

감사합니다

@skdltmtititi

알려주신 앱ID 에서의 호출 기록 상 별다른 에러는 확인되지 않고
다만 등록하신 서버 IP 에서의 호출 기록은 보이지 않습니다.

해당 환경이나 페이지 소스를 정확히 알 수가 없어 추가 안내드리기엔 한계가 있습니다.

감사합니다.