안녕하세요,

부동산 정보를 API에서 가져와서 출력하는 웹페이지를 만들고 있습니다.

API호출 시 전달값으로 행정구역코드를 입력해야 하는데, 이것을 지명으로 입력 또는 dropdown item으로 선택할 수 있도록 하는 기능을 구현하는 중입니다.

그래서 행정구역 코드를 다운받아서 아래와 같이 JSON형태로 만들어서 저장했습니다.(서버 폴더에..)

파일이름 : codelist.json

codelistcontent = {"codelist" : [
{"sgk_cd" :"11000", "umd_cd" :"00000", "sgk" :"서울특별시", "umd" :""}, 
{"sgk_cd" :"11110", "umd_cd" :"00000", "sgk" :"서울특별시 종로구", "umd" :""}, 
{"sgk_cd" :"11110", "umd_cd" :"10100", "sgk" :"서울특별시 종로구", "umd" :"청운동"}, 
....]
}

그런 후 아래와 같이 html에 스크립트를 짜넣고 테스트를 해보면, 일단 json 파일은 잘 가져오는데, 특정 값을 가져오는 것이 되지를 않네요...

<script src="../static/codelist.json" type="text/javascript"></script>
<script>
      let lst_codelist = JSON.parse(JSON.stringify(codelistcontent));
      console.log(lst_codelist) //잘 나옵니다. 단 100개 단위로 끊어서 리스트로 나옴.
      console.log(lst_codelist[1].sgk) //이 부분이 에러가 납니다.
</script>

제가 예상한 값은 위 json파일의 두번째 딕셔너리의 sgk키에 매칭된 값인 "서울특별시 종로구"가 콘솔창에 출력되는 것이었는데, 아래와 같은 에러메시지가 나오네요.

무엇이 문제일까요?

제가 완전 초보여서 안배운거는 거의 웹서핑으로 복붙한거라서 문법을 잘못 사용한건지 아닌지 모르겠습니다...

감사합니다.