Bleeding edge

fetch 와 import의 경로 본문

Javascript

fetch 와 import의 경로

codevil 2022. 4. 28. 23:37

 

파일경로.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를 붙인 곳 )을 기준으로 경로가 정해진다.

'Javascript' 카테고리의 다른 글

다중조건 sort  (0) 2022.05.03
2차원 Array 만들기.  (0) 2022.05.02
문서와 리소스의 로딩  (0) 2022.04.22
Javascript - debounce, throttle  (0) 2022.04.08
Javascript - Event bubbling, Event Capturing  (0) 2022.04.08