fetch

[전영훈]

fetch("https://codingapple1.github.io/price.json")
    .then((res) => res.json())
    .then(function (data) {
      console.log(data);
    })
    .catch(function (error) {
      console.log("실패함");
    }); 

이 코드를 따로 만든 js파일에 붙여넣으면 console에 아무것도 안뜨는데, html 파일에서 <script></script>작성하고 이 안에 넣으니까 console에 {price:5000}이 뜨네요.

무슨 차이길래 이런 결과가 나오는건가요?

[codingapple]

js 파일 가져오는 경로나 파일이름이 틀린게 아닐까요

[전영훈]

경로나 파일이름이 틀렸다고 보기엔 다른 eventListener들은 다 작동했고, fetch의 url은 화면 하단 그대로 복붙한거였습니다.

[codingapple]

아니면 script태그 쓰는게 이상하거나 live server로 미리보기를 안띄운걸수도요

[글쓴이]

글