바이브 코딩/Cursor AI

한국 거래소 주식 데이터 API로 나만의 대시보드 만들기

· 코딩마이데이

01 공공데이터 포털의 한국거래소 주식 데이터를 이용해서 나만의 대시보드를 만들어보겠습니다. 먼저 다음 주소를 통해 공공데이터 포털의 주식시세정보에 접속합니다.

공공데이터포털 - 한국거래소 주식 데이터

https://www.data.go.kr/data/15094808/openapi.do

 

02 공공데이터 포털에 회원가입을 한 다음 [활용신청]을 눌러 활용 목적과 라이선스 표시 등 기본적인 내용을 입력합니다. 활용 목적 등 적당히 내용을 입력하고 '동의합니다'에 체크한 후 [활용신청]을 눌러 마무리합니다.

 

03 그러면 활용신청 현황에 여러분이 신청한 공공 API가 추가될 것입니다. 우리가 신청한 API는 '금융위원회_주식시제정보'이므로 해당 목록을 눌러봅니다.

 

04 이제 목록을 눌러 신청한 API 항목으로 들어가면 API 설명 문서와 함께 두 종류의 API 키가 있습니다. 이 API 키는 앞으로 데이터를 요청할 때 필요하니, 반드시 복사해 둡니다.

 

05 아래로 내려보면 해당 공공 API의 일일 호출 횟수도 정해져 있습니다. 우리가 고른 주식시세정보 API는 10,000번까지 요청할 수 있는 꽤 넉넉한 API입니다.

 

06 이제 필요한 것은 API 키와 API 설명 문서입니다. 보통 공공 API는 설명 문서를 워드 파일 형태로 제공합니다. 서비스 정보 아래에 있는 참고 문서의 워드 파일을 다운로드하여 파일을 열고 Ctrl + A -> Ctrl + C로 전체 내용을 복사한 뒤, 커서에 새 파일을 만든 다음 복사한 내용을 붙여 넣어 텍스트 파일(.txt)로 저장합니다. 그러면 커서가 보고 파일을 참고할 수 있습니다. 따로 서식이나 텍스트 내용은 정리하지 않아도 됩니다. 참고로 커서는 사람이 아니라서 서식이나 줄 가격, 복잡한 구조를 따지지 않습니다. 그냥 텍스트만 잘 담겨 있으면 알아서 문서를 해석해줍니다. 여기서는 주식api.txt라는 이름으로 새 파일을 만든 뒤 복사한 내용을 붙여 넣어 저장해주었습니다.

 

07 커서에게 다음과 같이 부탁해서 주식 대시보드를 만들어달라고 합니다.

@주식api.txt에는 주식 API 설명서가 적혀 있어. 이 내용을 보고 한국 주식 가격이 가장 비싼 순서대로 50개의 주식에 대한 정보를 보여주는 대시보드를 가장 간단한 웹 기술로 만들어줘. API 키는 다음 줄 중 하나로 되는 것을 사용하면 돼.
API 키 1: hMSSsVYrqw%2FrgtcVuBY3Y%2FLqr3oPfm7FhhL7N%2BwYCOXF9JV%2B2FfGZKwmSkk%2FoemkeG9OJ7Eo6rkyvUI6%2FrdF%2Bw%3D%3D
API 키 2: hMSSsVYrqw/rgtcVuBY3Y/Lqr3oPfm7FhhL7N+wYCOXF9JV+2FfGZKwmSkk/oemkeG9OJ7Eo6rkyvUI6/rdF+w==

 

08 그러면 커서가 주식 API 설명서를 읽고 알아서 필요한 내용을 찾아 코딩하기 시작합니다. 모든 과저이 다 진행될 때까지 기다렸다가 코드에 반영하세요.

 

09 모든 과정이 끝나면 index.html을 열어준다고 할 겁니다. [Run]을 눌러 실행하거나 직접 index.html을 열면 됩니다.

실행해서 사이트를 열었지만 아무런 데이터가 보이지 않습니다. 데이터를 요청한 시각이 주식 시장이 마감했으므로 아무런 데이터가 없습니다.

 

10 날짜를 선택하여 [새로고침]을 누르면 그날 주식 시장 마감 전의 데이터를 볼 수 있도록 커서에게 프로그램을 수정해달라고 요청해봅시다.

내가 원하는 날짜를 입력하면 장을 마감하기 전 시간의 데이터를 볼 수 있게 해줘.

 

11 코드 수정을 마친 후 새로고침하여 index.html 파일을 다시 열면 재대로 동작할 것입니다.

 

12 만약 주식 데이터 항목 중 증가가 원화 단위가 아니라서 마음에 들지 않다면 어떻게 해야 할까요? 커서에게 수정을 요청하면 됩니다.

돈 단위가 한국 돈 단위가 아니라 K, M 단위를 쓰지 않아. 한국 돈 단위로 수정해줘.