JSON(JavaScript Object Notation)은 자바스크립트에서 데이터를 구조화하여 전달하기 위한 경량의 데이터 형식입니다. 자바스크립트에서 JSON 데이터를 처리하고 이를 파일로 저장하는 방법에 대해 알아보겠습니다.

1. JSON 데이터 생성하기

먼저, JSON 데이터를 생성해보겠습니다. JSON은 객체 형태로 작성되며, 키-값 쌍의 형식을 띠고 있습니다. 다음은 예시로서, 학생의 이름과 점수를 담고 있는 JSON 데이터입니다.

const studentData = {
  "name": "John",
  "score": 90
};

2. JSON 데이터를 파일로 저장하기

자바스크립트에서 JSON 데이터를 파일로 저장하기 위해서는 웹 브라우저 환경이 아닌 Node.js 환경에서 작업해야 합니다. Node.js에서는 fs (파일 시스템) 모듈을 사용하여 파일에 데이터를 쓸 수 있습니다. 다음은 JSON 데이터를 파일로 저장하는 예제 코드입니다.

const fs = require('fs');

// JSON 데이터 생성
const studentData = {
  "name": "John",
  "score": 90
};

// JSON 데이터를 문자열로 변환
const jsonString = JSON.stringify(studentData);

// 파일에 JSON 데이터 저장
fs.writeFile('student.json', jsonString, (err) => {
  if (err) throw err;
  console.log('JSON 데이터가 파일에 저장되었습니다.');
});

위의 코드에서는 fs.writeFile() 함수를 사용하여 JSON 데이터를 파일에 저장합니다. 첫 번째 인자는 저장할 파일의 이름(“student.json”로 지정하였습니다), 두 번째 인자는 저장할 데이터인 jsonString입니다. 마지막으로 콜백 함수를 사용하여 파일 저장이 완료되었을 때의 동작을 처리할 수 있습니다.

3. 파일에서 JSON 데이터 읽어오기

JSON 데이터를 파일에 저장한 후, 필요에 따라 파일에서 데이터를 읽어올 수도 있습니다. 다음은 파일에서 JSON 데이터를 읽어오는 예제 코드입니다.

const fs = require('fs');

// 파일에서 JSON 데이터 읽어오기
fs.readFile('student.json', 'utf-8', (err, data) => {
  if (err) throw err;
  
  // JSON 데이터 파싱
  const studentData = JSON.parse(data);
  
  console.log(studentData);
});

fs.readFile() 함수를 사용하여 파일에서 데이터를 읽어옵니다. 첫 번째 인자로 읽어올 파일의 이름(“student.json”), 두 번째 인자로 데이터 인코딩 방식을 지정합니다(‘utf-8’로 지정하였습니다). 콜백 함수를 통해 읽어온 데이터를 JSON.parse() 함수를 사용하여 JSON 객체로 변환합니다.

이제 자바스크립트에서 JSON 데이터를 처리하고 파일로 저장하는 방법에 대해 알아보았습니다. JSON 데이터를 활용하여 다양한 형태의 데이터를 자바스크립트에서 처리하고, 필요에 따라 파일로 저장하여 활용할 수 있습니다.