많은 웹 애플리케이션에서는 서버에서 받아온 JSON 데이터를 데이터베이스에 저장하는 일이 빈번하게 발생합니다. 이번 블로그 포스트에서는 자바스크립트를 사용하여 JSON 데이터를 가져와 데이터베이스에 저장하는 방법을 알아보겠습니다.

1. JSON 데이터 가져오기

먼저, 서버로부터 JSON 데이터를 가져와야 합니다. 이를 위해서는 XMLHttpRequest나 fetch API를 사용할 수 있습니다. 자세한 코드는 아래와 같습니다.

const url = 'https://api.example.com/data'; // JSON 데이터를 가져올 URL

fetch(url)
  .then(response => response.json())
  .then(data => {
    // 가져온 JSON 데이터를 처리하는 로직
  })
  .catch(error => {
    console.log('에러 발생:', error);
  });

위 코드에서 fetch 함수를 사용하여 서버로부터 JSON 데이터를 가져옵니다. response.json() 메소드를 사용하여 가져온 데이터를 자바스크립트 객체로 변환합니다. 이후, 가져온 JSON 데이터를 처리하는 로직을 작성하면 됩니다.

2. 데이터베이스에 저장하기

JSON 데이터를 가져왔다면, 이를 데이터베이스에 저장해야 합니다. 이때 사용하는 데이터베이스는 프로젝트의 요구사항에 따라 다르게 선택할 수 있습니다. 예를 들어, MySQL, PostgreSQL, MongoDB 등이 있습니다. 각 데이터베이스마다 다른 방법을 사용해야 하므로, 이 블로그 포스트에서는 간단한 예제를 통해 자바스크립트로 데이터베이스에 저장하는 방법을 설명하겠습니다.

const mysql = require('mysql'); // MySQL 라이브러리 설치 필요

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'username',
  password: 'password',
  database: 'database_name'
});

connection.connect();

// 데이터베이스에 JSON 데이터 저장하는 함수
function saveData(jsonData) {
  const query = 'INSERT INTO table_name SET ?'; // 데이터베이스 테이블 및 컬럼명

  connection.query(query, jsonData, (error, results) => {
    if (error) {
      console.log('에러 발생:', error);
    } else {
      console.log('데이터 저장 완료');
    }
  });
}

// JSON 데이터 가져와서 데이터베이스에 저장하는 로직
fetch(url)
  .then(response => response.json())
  .then(data => {
    saveData(data);
  })
  .catch(error => {
    console.log('에러 발생:', error);
  });

connection.end();

위 코드에서는 mysql 패키지를 사용하여 MySQL 데이터베이스와 연결합니다. 데이터베이스 정보를 설정한 뒤 connection.connect() 메소드를 호출하여 연결을 수립합니다. 그 다음, saveData 함수를 정의하여 JSON 데이터를 데이터베이스에 저장하는 로직을 작성합니다. 마지막으로 JSON 데이터를 가져와서 saveData 함수를 호출하여 데이터베이스에 저장합니다.

마무리

이번 포스트에서는 자바스크립트를 사용하여 JSON 데이터를 가져와 데이터베이스에 저장하는 방법을 알아보았습니다. 실제 프로젝트에서는 데이터베이스의 종류와 요구사항에 따라 다양한 방법을 사용해야 합니다. 하지만 이 포스트를 바탕으로 기본적인 개념을 익히고, 자신의 프로젝트에 맞게 활용해보시기 바랍니다.