사이트 도메인 관련

카카오맵 API (지도/로컬)
1

[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
https://devtalk.kakao.com/t/faq-api/125610

안녕하세요 .
사이트 도메인 관련 문의사항 있어서 글 남깁니다.
localhost:8080 으로 사이트 도메인 넣고 지도 html을 띄웠을때 지도가 뜨질 않는데 localhost:8080 외에 별도의 사이트 도메인을 넣거나 해서 해결해야 하나요?

개발 직군이 아니라 질문 두서 없는점 죄송합니다.
답변 주시면 감사하겠습니다…

2

localhost:8080을 입력하셨다면,

지도API를 이용하는 페이지가, localhost:8080 으로 열리면 됩니다.
말씀 하신 내용으론 문제가 될 상황이 없는데, 브라우저 주소 입력창에 localhost:8080/~~~~~~ 으로 되어 있나요?

그럼 크롬브라우저를 사용하신다면, 개발자도구를 열어서 왜 지도가 안뜨는지 오류를 확인해 주시기 바랍니다.

3

그럼 http://localhost:8080/파일명.html
이런식으로 입력해야 열리는 건가요???

동일하게 입력하고 개발자 도구 확인했을 때

console 부분 : Failed to load resource: the server responded with a status of 403 ()

element → properties : 로컬호스트 연결 거부

  1. attributeStyleMap: StylePropertyMap {size: 2}
  2. attributes: NamedNodeMap {0: id, 1: class, 2: style, 3: jstcache, id: id, class: class, style: style, jstcache: jstcache, length: 4}
  3. autocapitalize: “”
  4. autofocus: false
  5. background: “”
  6. baseURI: “chrome-error://chromewebdata/”
  7. bgColor: “”
  8. childElementCount: 6
  9. childNodes: NodeList(10) [text, div#main-frame-error.interstitial-wrapper, text, div#sub-frame-error, text, div#offline-resources, text, script, script, script]
  10. children: HTMLCollection(6) [div#main-frame-error.interstitial-wrapper, div#sub-frame-error, div#offline-resources, script, script, script, main-frame-error: div#main-frame-error.interstitial-wrapper, sub-frame-error: div#sub-frame-error, offline-resources: div#offline-resources]
  11. classList: DOMTokenList [‘neterror’, value: ‘neterror’]
  12. className: “neterror”
  13. clientHeight: 417
  14. clientLeft: 0
  15. clientTop: 0
  16. clientWidth: 966
  17. contentEditable: “inherit”
  18. dataset: DOMStringMap {}
  19. dir: “”
  20. draggable: false
  21. elementTiming: “”
  22. enterKeyHint: “”
  23. firstChild: text
  24. firstElementChild: div#main-frame-error.interstitial-wrapper
  25. hidden: false
  26. id: “t”
  27. inert: false
  28. innerHTML: "\n <div id="main-frame-error" class="intersti
  29. innerText: “사이트에 연결할 수 없음\n\nlocalhost에서 연결을 거부했습니다.\n\n다음 방법을 시도해 보세요.\n\n연결 확인\n프록시 및 방화벽 확인\nERR_CONNECTION_REFUSED\n새로고침\n세부정보”
  30. inputMode: “”
  31. isConnected: true
  32. isContentEditable: false
  33. lang: “”
  34. lastChild: script
  35. lastElementChild: script
  36. link: “”
  37. localName: “body”
  38. namespaceURI: “http://www.w3.org/1999/xhtml”
  39. nodeName: “BODY”
  40. nodeType: 1
  41. nonce: “”
  42. offsetHeight: 417
  43. offsetLeft: 0
  44. offsetTop: 0
  45. offsetWidth: 966
  46. outerHTML: "<body id="t" class="neterror" style="font-fa
  47. outerText: “사이트에 연결할 수 없음\n\nlocalhost에서 연결을 거부했습니다.\n\n다음 방법을 시도해 보세요.\n\n연결 확인\n프록시 및 방화벽 확인\nERR_CONNECTION_REFUSED\n새로고침\n세부정보”
  48. ownerDocument: document
  49. parentElement: html
  50. parentNode: html
  51. part: DOMTokenList [value: ‘’]
  52. previousElementSibling: head
  53. previousSibling: text
  54. scrollHeight: 417
  55. scrollLeft: 0
  56. scrollTop: 0
  57. scrollWidth: 966
  58. slot: “”
  59. spellcheck: true
  60. style: CSSStyleDeclaration {0: ‘font-family’, 1: ‘font-size’, accentColor: ‘’, additiveSymbols: ‘’, alignContent: ‘’, alignItems: ‘’, alignSelf: ‘’, …}
  61. tabIndex: -1
  62. tagName: “BODY”
  63. text: “”
  64. textContent: "\n \n \n \n \n \n 사
  65. title: “”
  66. translate: true
  67. vLink: “”
  68. virtualKeyboardPolicy: “”

Console

What’s New

Highlights from the Chrome 114 update

이런식으로 뜨는데 뭐가 잘못된 걸까요…?

4

웹 서버에서 리소스를 접근하려고 할 때 요청을 거부하는 403 오류로 지도 API와는 무관한 오류로 보입니다.
html 파일에 접근할 수 있게 서버 권한 부분도 확인해주세요.