fetch 와 import의 경로

 

파일경로.jpg

파일 경로를 다음과같이 만들었을 때 (index.html을 제외한 파일은 모두 src에 있다) index.html에 app.js를 src시켰다. 

이 때 특이한 점을 발견했는데,

import 할때와, fetch의 폴더가 같은데 경로를 적용하는게 다르다는 것을 느꼈다.

import data from "./data.js"
fetch("./src/data.json")
    .then(function(res){
        return res.json();
    })
    .then(function(data){
        console.log(data)
    })

data()

import는, app.js를 기준으로 경로가 정해지고.

fetch는 index.html( <script src="./src/app.js" type="module"></script> 와 같이 app.js를 붙인 곳 )을 기준으로 경로가 정해진다.