크롤링한 환율 데이터로 구글챠트를 활용해 챠트를 그리는 방법입니다
조회 3,125 2026-08-18 등록
로그인하면 의견을 남길 수 있습니다.
아직 의견이 없습니다. 첫 의견을 남겨보세요.
게시글
네이버에서 환율시세 크롤링해서 활용하기(1)
프로그램 개발할때 환율 정보가 필요할 때가 있습니다 이때 활용하는 방법입니다 네이버의 환율정보를 PHP로 크롤링해 mysql에 입력하는 방법입니다 동작원리는 외부에 있는 환율정보 페이지를 반복적으로 리다이렉트해 크롤링하여 입력하는 로직입니다 크롤링주소 https://finance.naver.com/marketindex/exchangeDailyQuote.naver?marketindexCd=FX_USDKRW&page=1
네이버에서 환율시세 크롤링해서 활용하기(2)
네이버의 환율 정보를 크롤링 하는 프로그램입니다 php 로 작업 되어 있으며 새로 고침 할때만 크롤링 되는 문제를 해결하기 위해 리눅스 크론탭을 활용하였습니다 크론탭은 스케쥴 관련 데몬으로 특정 시간에 프로그램이 작동되게 해주는 데몬입니다 크론에서 다이렉트로 php 파일을 실행하면 좋겠지만 실행되지 않아 크론에서는 쉘스크립트를 실행해주고 쉘스크립트에서는 php 파일을 실행시켜주는 형태로 작업이 되어 있습니다 작업전 준비 작업 입니다 -환율 정보를 가져올수 있는 페이지 https://finance.naver.com/marketindex/exchangeDetail.naver?marketindexCd=FX_USDKRW 주소 내에 iframe 형태로 일별시세페이지가 존재함 https://finance.naver.com/marketindex/exchangeDailyQuote.naver?marketindexCd=FX_USDKRW&page=1 해당주소에서 크롤링함 -외부환율 정보를 크롤링할 php 파일작업 -php 파일을 실행할수 있는 sh 스크립트파일 작업 -cron에 sh(쉘스크립트) 실행 스케줄 추가
구글 챠트 API
developers.google.com
Google Charts는 구글이 제공하는 무료 차트 도구로, 웹사이트와 모바일 브라우저에서 동작하는 대화형 차트를 만들 수 있게 해 줍니다. 이 페이지는 Google Developers에 있는 Google Charts 공식 소개 및 문서 시작 페이지입니다. 간단한 산점도부터 계층형 트리맵까지 다양한 차트 유형을 제공하며, 여러 옵션으로 차트 모양을 사이트 디자인에 맞게 바꿀 수 있습니다. HTML5와 SVG 기반이라 별도 플러그인이 필요 없고, 차트와 컨트롤을 연결한 대시보드 구성과 여러 데이터 연결 도구를 이용한 실시간 데이터 연동도 지원합니다. 웹 페이지에 통계 그래프나 대시보드를 무료로 넣고 싶은 웹 개발자에게 유용합니다.
구글QR코드제작
URL주소로 간단하게 QR코드를 만들 수 있는 구글차트(https://developers.google.com/chart/infographics/docs/qr_codes) 를 소개합니다. QR코드는 바코드보다 더 많은 정보를 담을 수 있도록 만들어진 2차원 코드입니다. 바코드는 세로 방향으로만 정보를 담지만 QR코드는 가로 세로 양방향으로 데이터를 담아 훨씬 더 많은 정보를 담을 수 있습니다. 그런데 QR코드가 아무리 많은 데이터를 담을 수 있다 해도 QR코드를 만들 수 없다면 이는 아무 소용이 없습니다. 그러기에 데이터를 담아 QR코드를 제작할 수 있어야 합니다. 그럼 과연 QR코드는 어떻게 만드는 걸까요? 다양한 방법이 있을 수 있지만 여기에서는 구글이 제공하는 QR코드 제작 방법에 대해 알아보도록 하겠습니다. 제작방법은 https://developers.google.com/chart/infographics/docs/qr_codes 사이트에 접속해보시면 자세하게 매뉴얼에 나와있습니다. 사용방법을 요약하면 https://chart.googleapis.com/chart? 주소 뒤에 파라미터로 값을 넘겨주어 QR코드를 제작하면 됩니다. 예를 들어 QR코드 크기가 가로150px 세로150px에 데이터는 http://moayo.net 를 넣고 싶다면 https://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=http://moayo.net 이렇게 주소를 만들면 됩니다. 해석해보면 보면 "chs=150x150" 이 부분은 이미지 사이즈를 "chl=http://moayo.net" 부분은 QR코드의 담긴 데이터를 뜻합니다. 이제 담은 데이터를 읽는 방법입니다. QR코드에 담긴 데이터를 확인하는 방법은 QR코드 스캐너를 통해 확인 할 수 있습니다. 스마트폰에 QR코드 스캐너 앱을 다운받아 사진을 찍으면 데이터를 확인할 수 있습니다. 참고적으로 요즘 스마트폰은 카메라 기본앱에 QR코드 스캐너가 포함되어 있습니다. 너무나 익숙하게 사용하고 있는 QR코드지만 어떻게 만드는지 모르셨다면 구글QR코드 제작을 통해 한번 만들어 보시는 건 어떨까요?
04 씨스톡 구글 API를 활용한 지수차트 그리기
1) 반도체 지수 데이터 입력 -SOX 필라델피아 반도체 지수(코드:^SOX) 2) 차트 API 선택 (Chart.js , 구글차트) -https://www.chartjs.org -https://developers.google.com/chart/interactive/docs/gallery?hl=ko 3) 구글 차트 적용하기 -http://cstock.co.kr/program.php?p_code=stockindex&p=read_sox
챠트를 그릴수 있는 플러그인
www.chartjs.org
Chart.js는 웹 페이지에 차트를 그릴 수 있는 오픈소스 자바스크립트 차트 라이브러리입니다. 공식 사이트에서 라이브러리 소개와 문서, 예제를 제공하며 커뮤니티가 유지·관리하는 프로젝트입니다. 8가지 차트 유형을 지원하고 차트마다 애니메이션과 세부 옵션을 조정할 수 있습니다. HTML5 Canvas로 렌더링해 최신 브라우저에서 동작하고, 창 크기가 바뀌면 차트를 다시 그리는 반응형 기능과 필요한 모듈만 불러와 번들 크기를 줄이는 방법도 안내합니다. 대시보드나 통계 화면에 데이터 시각화 차트를 넣으려는 웹 개발자에게 유용합니다.
경제지표
ko.tradingeconomics.com
Trading Economics의 한국어 사이트로, 세계 여러 나라의 경제지표와 금융시장 데이터를 한곳에서 보여주는 경제 정보 플랫폼입니다. 미국, 중국, 일본, 독일, 한국 등 주요 국가의 데이터를 제공합니다. 기준금리, 물가상승률, 실업률, GDP 성장률, 정부부채 같은 경제지표와 유가·금·천연가스 등 원자재, 주가지수, 환율, 암호화폐, 채권 수익률 시세를 확인할 수 있고, 주요 경제 뉴스와 지표별 예측치도 함께 볼 수 있습니다. 국가별 거시경제 흐름을 비교하려는 투자자와 트레이더, 경제 분석이 필요한 사람에게 유용합니다.
비트코인시세확인
kr.investing.com
이 페이지는 글로벌 금융 정보 사이트 Investing.com 한국어판의 비트코인 차트 페이지로, 비트코인 가격 움직임을 실시간 스트리밍 차트로 보여줍니다. 현재 가격과 등락률, 당일 및 52주 가격 범위를 함께 확인할 수 있습니다. 캔들스틱, 영역, 선, 막대, 헤이킨 아시 등 차트 유형을 바꿔 볼 수 있고 수십 가지 분석 도구로 추세를 살펴볼 수 있습니다. 비트스탬프, 크라켄, 바이낸스 등 주요 거래소 가격과 여러 법정화폐·암호화폐 거래쌍도 선택할 수 있습니다. 비트코인 시세 흐름을 차트로 확인하며 기술적 분석을 해 보려는 암호화폐 투자자에게 유용합니다.
의견 0
로그인하면 의견을 남길 수 있습니다.
아직 의견이 없습니다. 첫 의견을 남겨보세요.