import와 export를 사용하는 ECMAScript 모듈 시스템은 JS 코드만 가져올 수 있습니다. JS 파일에서 JSON 데이터를 읽어오는데 문제가 발생해서 이를 해결하는 과정에서 얻은 지식들을 작성해봅니다.

1. json 형식의 파일을 가져오기

• js 파일에서 ES 모듈로 json 파일을 가져오기 위해서 아래의 구문을 사용했지만, 에러가 발생했습니다.

import depositData from "./deposit-1234.json"

• 발생한 에러는 다음과 같습니다

• deposit-1234.json을 직접 가져오려고 하기 때문에, Node.js에서 에러가 발생했습니다.
• Node.js는 기본적으로 import 구문을 사용하면, JS 코드를 가져올 것으로 예상하고 있습니다. 그런데 json 파일을 읽어오려고 하기 때문에 에러가 발생합니다.

2. JSON 모듈 제안

• 위의 문제를 해결하기 위해 JSON 모듈 제안을 활용할 수 있습니다.
• import 구문을 사용하여 JSON 데이터를 ES 모듈로 가져오는 것입니다.
• 가져오기 선언(import assert)를 통해 JSON 데이터를 가져옵니다.

import depositData from "./deposit-1234.json" assert { type: "json" };

• 해당 모듈이 JSON으로 파싱되고 가져와집니다.
• depositData 변수에는 deposit-1234.json을 파싱한 JS 객체가 담깁니다.