import 와 fetch 2가지 방법이 있다.
import를 사용할 때 json 파일 대신 확장자를 js로 변경하고 script type="module"로 선언한다.
import 사용할때
script type=module
import data from './test.js';
console.log(data);
/script
export default
{
"fruit":"Apple",
"size":"Small",
"color":"Green"
}
fetch 사용할 때
script
fetch('http://www.domain.com/test.json')
.then(function(response){
retrun response.json();
})
/script
{
"fruit":"Apple",
"size":"Small",
"color":"Green"
}
반응형
'기술 > JS' 카테고리의 다른 글
Grid Layout 쉽게 사용하기 egjs-grid.js (0) | 2025.02.28 |
---|---|
화살표 함수 Arrow Function (0) | 2021.01.15 |
include js 파일 만들기 (0) | 2021.01.14 |
Nest.js - Javascript Framework 네스트 자바스크립트 프레임웍 (0) | 2019.10.13 |
Gatsby.js - Javascript Framework (0) | 2019.10.13 |
댓글