자바스크립트에서 JSON 데이터를 이용하여 주식 매매 기능 추가하기

15 Sep 2023

javascript

주식 매매 기능은 웹 애플리케이션에서 많이 사용되는 기능 중 하나입니다. 이번 글에서는 자바스크립트를 사용하여 JSON 데이터를 이용하여 주식 매매 기능을 추가하는 방법에 대해 알아보겠습니다.

JSON 데이터 가져오기

먼저, JSON 데이터를 가져와서 사용할 수 있도록 해야합니다. 이를 위해서는 서버로부터 JSON 데이터를 가져와야 합니다. 이번 예제에서는 fetch 메소드를 사용하여 서버에서 JSON 데이터를 가져올 것입니다.

fetch('주식데이터.json')
  .then(response => response.json())
  .then(data => {
    // JSON 데이터를 사용하여 주식 매매 기능 구현
  })
  .catch(error => {
    console.error('Error:', error);
  });

위의 코드에서 fetch 함수를 사용하여 주식데이터.json 파일을 가져옵니다. 그리고 response.json() 메소드를 호출하여 JSON 형식으로 변환한 후, 데이터를 사용하여 주식 매매 기능을 구현할 수 있습니다.

주식 매매 기능 구현하기

JSON 데이터를 가져온 후, 해당 데이터를 사용하여 주식 매매 기능을 구현해야 합니다. 예를 들어, 주식 가격을 확인하거나 주식을 매입 또는 매도하는 기능을 구현할 수 있습니다.

const stockData = [
  { id: 1, name: '삼성전자', price: 50000 },
  { id: 2, name: 'LG전자', price: 30000 },
  { id: 3, name: 'SK하이닉스', price: 80000 }
];

function checkStockPrice(stockId) {
  const stock = stockData.find(s => s.id === stockId);
  if (stock) {
    console.log(`주식 가격: ${stock.price}`);
  } else {
    console.log('주식을 찾을 수 없습니다.');
  }
}

function buyStock(stockId, quantity) {
  const stock = stockData.find(s => s.id === stockId);
  if (stock) {
    console.log(`${stock.name}을(를) ${quantity}주 매입하였습니다.`);
  } else {
    console.log('주식을 찾을 수 없습니다.');
  }
}

function sellStock(stockId, quantity) {
  const stock = stockData.find(s => s.id === stockId);
  if (stock) {
    console.log(`${stock.name}을(를) ${quantity}주 매도하였습니다.`);
  } else {
    console.log('주식을 찾을 수 없습니다.');
  }
}

위의 코드에서는 stockData 배열에 주식 데이터가 저장되어 있다고 가정합니다. checkStockPrice, buyStock, sellStock 함수를 사용하여 주식 가격을 확인하고 매입 또는 매도하는 기능을 구현할 수 있습니다.

예제 실행하기

이제 위의 예제를 실행하여 주식 매매 기능을 테스트해볼 수 있습니다.

checkStockPrice(1); // 주식 가격: 50000
buyStock(2, 10); // LG전자를 10주 매입하였습니다.
sellStock(3, 5); // SK하이닉스를 5주 매도하였습니다.
checkStockPrice(4); // 주식을 찾을 수 없습니다.

위의 예제 코드를 실행하면, 주식 가격을 확인하거나 매입 또는 매도할 수 있습니다.

마무리

이렇게 자바스크립트와 JSON 데이터를 이용하여 주식 매매 기능을 구현하는 방법을 알아보았습니다. 이제 이러한 기능을 활용하여 실제 웹 애플리케이션에 적용해보시기 바랍니다.

#주식 #매매 #자바스크립트