문씨네프로젝트

  • 홈
  • 태그
  • 방명록

TradingVIew 1

[React, TypeScript] TradingView lightweight-charts 사용

사용 목적 매매 페이지를 만들고 나서 실시간 캔들 차트를 구현해보고자 사용 설계 순서 1. 화면 첫 진입시 차트의 초기 데이터를 생성 해준다(redis or DB) 2. 실시간 차트는 기존 매매 페이지처럼 rabbitMq의 queue를 통해 받는다 코드 작성(샘플용) 큐 연결 관련해서는 자세한 코드는 생략하고 subscribe 부분만 기재 import { createChart, IChartApi, ISeriesApi, LineData, CrosshairMode, ColorType } from 'lightweight-charts'; const marketRefSubscriptionRef = React.useRef(null) const [marketQueData, setMarketQueData] = Reac..

React 2023.09.07
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (25)
    • Vue (1)
    • React (10)
    • Spring Boot (0)
    • Redis (0)
    • 알고리즘 풀이 (14)
      • leetcode (14)
      • 프로그래머스 (0)
      • softeer (0)

Tag

Whitelabel, array, Queue, leetcode, setState, spring boot, TypeScript, Blob, flusySync, JS, JavasScript, JavaScript, 파일 다운로드, react, lightweight-charts, proxy, TradingVIew, react hook, error, 코딩테스트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바