8-1. 프론트엔드에 HighCharts 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 7장에서 보여지는 Line Chart는 기본적인 차트 기능만 있습니다. 금융 차트로 가장 유명한것은 트레이딩뷰의 차트이지만 기능제한 많고 무료 버전은 업데이트가 거의 없습니다. 거의 대부분의 코인가격이나 온체인 차트는 HighCharts를…
8장 프론트엔드 컴포넌트: 금융 데이터의 시각화
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 “Next.js”나 “React”와 같은 프레임워크의 가장 큰 장점은 컴포넌트(Component)입니다. “재사용 코드 모음”이라고 생각하시면 됩니다. 예를 들어 웹페이지 전체에 파란색 실행 버튼이 페이지마다 빈번하게 들어간다고 가정할때 계속 페이지 마다…
7-6. 금융 데이터 디비 저장
📖 상위 챕터:7장 가격 데이터 수집 지금까지 외부 FMP에서 가격 데이터를 가져오는데 성공하였습니다. 매번 외부로 부터 가격을 가져오는 것은 효율적이지 않습니다. 이와 가져 왔으면 자신이 만든 디비에 데이터를 저장하면 자신의 프로젝트에 맞게 가공하고 또한 내부에서…
7-5. 엔드포인트
📖 상위 챕터:7장 가격 데이터 수집 엔드포인트란 클라이언트(웹 브라우저, 모바일 앱 등)가 서버의 특정 기능이나 데이터에 접근하기 위해 연결하는 ‘접속점’인데 쉽게 내외부 데이터에 대한 요청명령입니다. 처음 부터 모든 내용을 완벽히 이해하기는 쉽지 않습니다. 엔드포인트는 앞서…
7-4. 개별 클라이언트 등록
📖 상위 챕터:7장 가격 데이터 수집 BaseClient의 기본 뼈대가 구성되었습니다. 그럼 우리가 사용할 FDP별 REST API형식을 알아보겠습니다. 해당 사이트의 API 문서를 확인하시면 되나 처음에 찾기가 매우 어려우니 여러분들은 편리하게 아래 내용을 참고 하시고 실행 하시면…
7-3. REST API 금융 데이터 수집
📖 상위 챕터:7장 가격 데이터 수집 금융 데이터 제공업체(이하 FDP)를 선정 하였으면 “바이낸스야 오늘 비트코인 가격을 알려줘”라고 요청하는 명령어가 있는 코드를 작성해야 됩니다. 보통 이렇게 어떤 목적이 있는 요청을 모아놓은 파일의 이름을 클라이언트라고 하고 외부에…
7-2. 금융 데이터 제공 업체(Financial Data Provider)
📖 상위 챕터:7장 가격 데이터 수집 야후 파이낸스나 인베스팅닷컴 또는 네이버의 차트는 실제 데이터가 들어가 있습니다. 지금까지 우리는 더미데이터만 갖고 있습니다. 실제 시장 데이터를 수집하고 디비에 저장하는 과정을 먼저 선행 하겠습니다. 가장 쉽게 구할수 있는…
7-1. 도커 네트워크 설정 및 프론트엔드 추가
📖 상위 챕터:7장 가격 데이터 수집 지금까지 따라오셨다면 아래 3가지의 도커 컨테이너가 있을 것입니다. CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMESd50c7fa7f08e my-project-backend "uvicorn app.main:ap…" 25 hours ago Up 25 hours 0.0.0.0:8000->8000/tcp, [::]:8000->8000/tcp backend-api1674d640dae2 postgres:15…
7장 가격 데이터 수집
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 현재 postgres 디비에는 ohlcv_data테이블이 있고 여기에는 더미 데이터(임시 데이터)가 있습니다. 지금부터 실제 시장가격을 수집하여 디비에 넣는 과정을 이번 장에서 실습하겠습니다. 📋 이 챕터의 하위 글 7-1. 도커…
6장 심화에는 어떤 내용이 추가되나?
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 파트1의 기초를 해보니 어떤가요! 코딩 문법을 몰라도 웹페이지에 차트가 표시되는 코드를 우리가 작성한것이 신기하지 않나요. AI가 대세가 되기전 그러니까 바이브 코딩이 없었을때는 구글링해서 모든 내용을 찾고 배우고…