Kakao map api가 화면에 보이지 않습니다. 꼭 도와주세요ㅠㅠ 오류찾기가 넘모 힘들어요

지도/로컬 API에 대한 문의게시판입니다.

우선 kakao map api사이트의 https://apis.map.kakao.com/web/guide/#step1 을 참고하여 시작부분과 앞부분을 나타내는

시작부분

끝부분

을 추가한 것을 제외하고 동일한 코드입니다.
하지만 html문서를 실행하면 아래와 같이 지도가 보이지 않습니다.(시작과 끝을 추가한 이유는 지도만 안나오는것인지 아니면 로드자체가 안되는 것인지 확인하기 위함입니다.)
image

처음에 api로드가 잘 되지 않는것인가 싶어 script src부분을 직접 검색해서 값이 제대로 호출되는지를 확인해보았습니다.
image
제대로 값이 호출되고 있었습니다. appkey의 error는 뜨지않고 정상적인 결과가 나왔습니다.

그다음 혹시 브라우저에서 팝업이나 스크립트 등이 비활성화 되어있는것은 아닌지 확인하였습니다. 저는 크롬을 사용하고 있고, 설정을 확인해보니 모두 허용으로 세팅되어있었습니다.
image

하지만 지도는 여전히 처음 사진과 같이 보이지 않고 있었습니다.

그 외 짜잘하게 시도해본 노력으론,
script type정의의 text/javascript는 default html의 일정 버전부터 default값이라고 해서 생략해보았고,
kakao map api 설명에 http와 https와 상관없이 접속하게 하려면 dapi.kakao~앞에 //를 추가하여 사용하면 된다 하여 추가해 보았고,
var map부분에서 정상적으로 출력이 안되는 건가 해서 load함수를 추가하여 시도도 해보았고,
아예 scr주소로 호출된 결과값을 js파일로 따로 빼어 local저장소에 저장하고 해당 .js파일을 src로 호출해보았는데도 안되었고,
var container~가 아닌 const contariner~로 코딩한 사람이 웹에 있어서 const로도 바꾸어 해 보았는데 여전히 지도가 출력되지 않았습니다.

서버에서 실행하는 것도 아니고 local에서 그냥 html파일로 실행하는 거라 debug내용이 해당 html문서를 열고 크롬에서 우클릭하면 나오는 검사가 유일한데,
image
Failed to load resource: net::ERR_FILE_NOT_FOUND
Uncaught RefferenceError: kakao is not defined at quest.html:14
라고 뜨는데 위를 구글링 해보았지만, script type의 "text/javascript"를 제거해보라는 둥 src에 http를 추가해보라는 둥 의 답변밖에 없거니와 이러한 답변의 수 조차 적어서 해결을 못하고 있습니다…

뭐가 문제인지, 어떻게 해결을 해야하는 지 모르겠습니다…공부중인데 여기에서 3일 째 막혀있다가 너무 답답해서 질문올려봅니다… 고수님들 도와주세요
ㅠㅠ

우선 문의 주신 앱에서 발생된 호출 로그를 살펴보니,
크게 아래 3가지에 대해 수정과 확인이 필요해 보입니다.

  1. OS에 맞는 앱키 사용이 이루어지지 않은 부분 (Javascript 에서 native 앱키로 호출)
    ㄴ Javascript 앱키로 호출해 주세요.

  2. Admin 키를 호출에 사용 (기존 공지 참고)
    ㄴ 노출되면 안되는 키값입니다. 기존 공지를 꼭 참고해 주세요.

  3. 호출에 필요한 도메인값 등록 누락으로 Domain mismatched 에러 발생
    ㄴ 호출에 필요한 도메인 중 일부 등록이 누락될 경우, 에러가 발생합니다. 등록에 누락된 값이 없을지 확인하신 후, 우측 상단 내 애플리케이션 > 앱설정 > 도메인 등록 후 호출해 보시기 바랍니다.