8-4. 고성능 히스토리 테이블 AG Grid Table
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 파이낸싱 금융 서비스에서 차트가 ‘흐름’을 보여준다면, 테이블은 ‘정확한 수치’와 ‘기록’을 보여줍니다. 수많은 기업용 웹 애플리케이션에서 표준으로 사용되는 AG Grid를 사용하여 투자 히스토리 테이블을 구축합니다. AG Grid는 수만…
8-5. 자산 리스트 테이블 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 자산 리스트를 간략하게 보이는 테이블을 기본적으로 만들었습니다. 그러나 보통 자산테이블을 “티커, 이름, 미니차트, 가격 …” 이런 내용으로 되어 있습니다. 대표적인 테이블이 야후 파이낸스 입니다. 여기서 이 조그만…
8-1. 프론트엔드에 HighCharts 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 7장에서 보여지는 Line Chart는 기본적인 차트 기능만 있습니다. 금융 차트로 가장 유명한것은 트레이딩뷰의 차트이지만 기능제한 많고 무료 버전은 업데이트가 거의 없습니다. 거의 대부분의 코인가격이나 온체인 차트는 HighCharts를…
8-2. HighChart stock-tools 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 HighCharts에는 Stock Tools이란 강력한 GUI도구가 있습니다. 이 툴은 차트 위에서 직접 분석 도구를 사용할 수 있게 하는 기능 모음(UI 툴바)입니다. 즉, 유명한 TradingView처럼 차트 위에 선을 긋거나…
8-3. 초경량 TradingView Lightweight 차트
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 우리가 8-1장에서 다룬 Highcharts Stock Tools가 ‘전문가용 정밀 분석 도구’였다면, 이번 장에서 배울 TradingView Lightweight Charts는 ‘압도적인 퍼포먼스와 가성비’에 집중한 컴포넌트 차트입니다. 특히 1GB RAM VPS정도에서 사용할…
8장 프론트엔드 컴포넌트: 금융 데이터의 시각화
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 “Next.js”나 “React”와 같은 프레임워크의 가장 큰 장점은 컴포넌트(Component)입니다. “재사용 코드 모음”이라고 생각하시면 됩니다. 예를 들어 웹페이지 전체에 파란색 실행 버튼이 페이지마다 빈번하게 들어간다고 가정할때 계속 페이지 마다…
8-2. HighChart stock-tools 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 HighCharts에는 Stock Tools이란 강력한 GUI도구가 있습니다. 이 툴은 차트 위에서 직접 분석 도구를 사용할 수 있게 하는 기능 모음(UI 툴바)입니다. 즉, 유명한 TradingView처럼 차트 위에 선을 긋거나…
8-3. 초경량 TradingView Lightweight 차트
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 우리가 8-1장에서 다룬 Highcharts Stock Tools가 ‘전문가용 정밀 분석 도구’였다면, 이번 장에서 배울 TradingView Lightweight Charts는 ‘압도적인 퍼포먼스와 가성비’에 집중한 컴포넌트 차트입니다. 특히 1GB RAM VPS정도에서 사용할…
8-4. 고성능 히스토리 테이블 AG Grid Table
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 파이낸싱 금융 서비스에서 차트가 ‘흐름’을 보여준다면, 테이블은 ‘정확한 수치’와 ‘기록’을 보여줍니다. 수많은 기업용 웹 애플리케이션에서 표준으로 사용되는 AG Grid를 사용하여 투자 히스토리 테이블을 구축합니다. AG Grid는 수만…
8-5. 자산 리스트 테이블 추가
📖 상위 챕터:8장 프론트엔드 컴포넌트: 금융 데이터의 시각화 자산 리스트를 간략하게 보이는 테이블을 기본적으로 만들었습니다. 그러나 보통 자산테이블을 “티커, 이름, 미니차트, 가격 …” 이런 내용으로 되어 있습니다. 대표적인 테이블이 야후 파이낸스 입니다. 여기서 이 조그만…