10-1. 차트 고도화: 이동평균선 및 반감기 차트 구현
📖 상위 챕터:10장 프론트엔드에 전문가의 향기 입히기 주식이나 코인 투자자들이 차트를 볼 때 가장 먼저 추가하는 대표적인 지표가 무엇일까요? 바로 이동평균선(Moving Average)입니다. 그리고 비트코인 투자자들에게 나침반 역할을 하는 가장 핵심적인 이벤트는 반감기(Halving)입니다. 단순히 시세 캔들만…
10장 프론트엔드에 전문가의 향기 입히기
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 단순한 페이지를 ‘서비스’로 바꿔주는 내비게이션과 디자인 디테일입니다. 이전 장에서 백엔드의 실시간 데이터 파이프라인을 완성했다면, 이제는 사용자가 웹 브라우저를 켰을 때 “와, 이건 진짜 프로가 만든 금융 서비스구나!”라고…
8-3. 초경량 TradingView Lightweight 차트
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 우리가 8-1장에서 다룬 Highcharts Stock Tools가 ‘전문가용 정밀 분석 도구’였다면, 이번 장에서 배울 TradingView Lightweight Charts는 ‘압도적인 퍼포먼스와 가성비’에 집중한 컴포넌트 차트입니다. 특히 1GB RAM VPS정도에서 사용할…
8-2. HighChart stock-tools 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 HighCharts에는 Stock Tools이란 강력한 GUI도구가 있습니다. 이 툴은 차트 위에서 직접 분석 도구를 사용할 수 있게 하는 기능 모음(UI 툴바)입니다. 즉, 유명한 TradingView처럼 차트 위에 선을 긋거나…
8-1. 프론트엔드에 HighCharts 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 7장에서 보여지는 Line Chart는 기본적인 차트 기능만 있습니다. 금융 차트로 가장 유명한것은 트레이딩뷰의 차트이지만 기능제한 많고 무료 버전은 업데이트가 거의 없습니다. 거의 대부분의 코인가격이나 온체인 차트는 HighCharts를…
8장 프론트엔드 컴포넌트: 금융 데이터의 시각화
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 “Next.js”나 “React”와 같은 프레임워크의 가장 큰 장점은 컴포넌트(Component)입니다. “재사용 코드 모음”이라고 생각하시면 됩니다. 예를 들어 웹페이지 전체에 파란색 실행 버튼이 페이지마다 빈번하게 들어간다고 가정할때 계속 페이지 마다…
7-6. 금융 데이터 디비 저장
📖 상위 챕터:7장 가격 데이터 수집 지금까지 외부 FMP에서 가격 데이터를 가져오는데 성공하였습니다. 매번 외부로 부터 가격을 가져오는 것은 효율적이지 않습니다. 이와 가져 왔으면 자신이 만든 디비에 데이터를 저장하면 자신의 프로젝트에 맞게 가공하고 또한 내부에서…
7-3. REST API 금융 데이터 수집
📖 상위 챕터:7장 가격 데이터 수집 금융 데이터 제공업체(이하 FDP)를 선정 하였으면 “바이낸스야 오늘 비트코인 가격을 알려줘”라고 요청하는 명령어가 있는 코드를 작성해야 됩니다. 보통 이렇게 어떤 목적이 있는 요청을 모아놓은 파일의 이름을 클라이언트라고 하고 외부에…
7-5. 엔드포인트
📖 상위 챕터:7장 가격 데이터 수집 엔드포인트란 클라이언트(웹 브라우저, 모바일 앱 등)가 서버의 특정 기능이나 데이터에 접근하기 위해 연결하는 ‘접속점’인데 쉽게 내외부 데이터에 대한 요청명령입니다. 처음 부터 모든 내용을 완벽히 이해하기는 쉽지 않습니다. 엔드포인트는 앞서…
7-4. 개별 클라이언트 등록
📖 상위 챕터:7장 가격 데이터 수집 BaseClient의 기본 뼈대가 구성되었습니다. 그럼 우리가 사용할 FDP별 REST API형식을 알아보겠습니다. 해당 사이트의 API 문서를 확인하시면 되나 처음에 찾기가 매우 어려우니 여러분들은 편리하게 아래 내용을 참고 하시고 실행 하시면…