관련 자료가 진짜 없고 한국어로 된 최신 정보는 거의 없다시피 해서 정리한다.
일단 거래소에서 사용하기 위해 차트, websocket streaming 렌더링 지원 하는 라이브러리를 찾는다면 트레이딩 뷰의 무료 고급 차트가 맞다.
https://www.binance.com/en/futures/BTCUSDT
https://www.bitget.com/futures/usdt/BTCUSDT
이 분야 최고 거래소들을 보면 죄다 tradingview 라이브러리를 사용 중이다.
근데 바로 쓸 수가 없다. 비공개 리포에 저장되어 있음
회사에서 public 용도로 사용한다는 증명이 담긴 신청서를 제출하고 허가받아야 한다.
아래 링크에서 신청하자
https://www.tradingview.com/advanced-charts/
양식대로 작성하고
아래 라이선스 신청서 pdf 다운로드/서명 후 첨부까지 하면 된다
12시간 내로 거의 답변을 주시더라. 하라는 대로 하면 깃헙 계정에 권한을 주신다.
좀 골 때리는 점은 team github 계정에 안되고 개인 계정만 가능하다.. 웨지..? 그래서 내 깃헙계정으로 신청했다.
여기까지 완료한 사람은 물론 신청서에도 쓰여 있지만 절대 public repository에 업로드하면 안 된다.
예시 올린다고 본인 레포에 라이브러리 올리는 바보짓은 하지 말도록
공식문서가 잘 되어 있는 편인 거 같긴 한데 중요한 게 몇 개 빠져있고 그래서 좋은 말이 나오진 않는다
일단 레포허가가 되면 튜토리얼을 따라가 보면 도움이 된다.
https://www.tradingview.com/charting-library-docs/latest/tutorials/
여기서 api, websocket streaming 둘 다 시험해 볼 수 있다.
너무 기능이 많아서 복잡하니 플로우차트로 보면 이해하는데 도움이 된다.
아오 복잡해
++ 이 라이브러리 이니셜라이징 되는데 오래 걸리니까 props 중요한 거만 넣도록 하자. 앵간하면 심벌 변경할 때도 자체 api사용하는 게 좋다 이거 전체 리렌더링 하면 좀 오래 걸림
++ mobx store에 로직 넣고 class로 웹소켓 관리한 상황에서 저거 붙힌다고 개고생 했다.
tvwidget의 메서드들은 계속 변경되니까 다른 곳에서 메서드 저장하고 싶으면 tvwidget자체를 넘기도록 하자.
'<frontend>' 카테고리의 다른 글
javascript 비동기 순서보장 잡기술 (0) | 2024.09.29 |
---|---|
React에서 동적인 key 왜 필요할까? (5) | 2024.09.20 |
styled-component -> tailwindcss migration reset css (4) | 2024.08.01 |