[코인] 업비트 차트 설정 저장하기 (TradingView web)

거래소 할인링크 최신링크 기재해두었습니다.

기존링크는 할인적용이 안될수있으니 아래링크로 가입해주세요!

제휴거래소 할인율할인코드(직접입력 app가입)가입링크 바로가기
바이낸스20% 할인J24I6ZG2바로가기링크
바이비트20% 할인18499바로가기링크
오케이엑스20% 할인9623672970바로가기링크
MEXC10% 할인mexc-bitcoinxxo바로가기링크
비트겟50% 할인nyeo바로가기링크
FTX 5% 평생할인바로가기링크

[코인] 업비트 차트 설정 저장하기 (TradingView web)

<2021.9.6.>

Contents

1. 문제점

2. 업비트 암호화폐 거래소 플랫폼 웹 차트 (TradingView)

3. TradingView 차트 설정 저장 방법

4. (참고) 개발자 도구의 Console을 사용하실 수 있는 분들의 경우

5. 마무리

1. 문제점

요즘 코인장에서 암호화폐를 거래하시는 분들도 많으실 텐데요, 일반적으로 모바일을 많이들 보십니다. 모바일에서는 차트상의 보조지표를 설정하거나 추세선을 그어 놓아도 계정에 따라 없어지지 않고 지속적으로 사용할 수 있습니다.

그런데 모바일 화면이 너무 작아 답답해 하거나 좀 더 분석적으로 접근하기 위하여 호가창과 차트, 실시간 잔고를 같이 보면서 빠르게 단기 트레이딩을 하시는 경우 PC에서 웹으로 암호화폐 거래소 플랫폼 이용을 선호하시는 분들도 상당히 많으실 겁니다.

여기서 문제점은 각 거래소의 플랫폼 차트는 일정시간 사용자 임의로 설정한 대로 유지되지만 웹브라우저를 종료하거나 재부팅을 하면 항상 초기화되는 것입니다. 추세선도 긋고 지지 저항선도 나름대로 그어놓고, 자신만의 입맛대로 보조지표를 아무리 설정해놓아도 다음에 다시 접속하면 깨끗한 초기 차트로 허탈함을 겪으신 분들이 많을 것입니다.

그래서 저는 로그아웃한다고 해서 차트가 초기화 되는 것은 아니고, 새로고침 하는 경우에도 유지되는 것을 보아 일시적으로 어떤 임시저장 공간에 설정을 저장해두었다가 웹브라우저가 종료되고 나면 캐시가 사라지듯 로컬 저장소가 삭제되어 이전 설정을 찾을 수 없게 된다는 점에서 착안하여 업비트 웹 거래소의 차트 설정을 저장하는 방법을 알아보게 되었습니다.

2. 업비트 암호화폐 거래소 플랫폼 웹 차트 (TradingView)

저는 처음에 여러 암호화페 거래소 플랫폼 중에서 “업비트(Upbit)”라는 플랫폼으로 시작을 하였고, 이에 익숙하기 때문에 업비트 기준으로 말씀드려보겠습니다.

처음 업비트 홈페이지에 들어가서 거래소 부분을 클릭하면 위와 같은 기본차트가 나오게 됩니다. 저는 조금 더 다양한 차트 기능을 제공하는 트레이딩뷰를 사용합니다. 우측 상단에 트레이딩뷰를 클릭합니다.

트레이딩뷰(TradingView)는 암호화폐 코인뿐만 아니라 미국 주식, 유럽 주식 등 해외주식들 및 한국주식들의 가격 정보를 취합하여 다양한 차트 기능과 거래 플랫폼을 제공하는 서비스입니다. 그런데 개인이 이 서비스를 사용함에 있어서도 보조지표를 4개 이상 사용하거나 설정한 차트 레이아웃을 저장하고 싶다면 유료 서비스로서 결제가 필요했습니다.

30일 trial로 Pro+버전도 설정해서 사용해 봤는데, 트레이딩뷰에서는 upbit에 상장된 암호화폐 시세 업데이트 속도가 업비트 자체의 시세 업데이트에 비해서 현저히 느려서 사용하지 말아야겠다고 생각했습니다. 또, 트레이딩뷰에서는 제휴한 거래 플랫폼(매수, 매도, 잔고확인까지)을 이용해야 차트 및 호가창을 보면서 거래를 할 수 있는데, 업비트의 코인 시세를 지원하지만 거래 플랫폼과 제휴된 것은 아니어서 차트 플랫폼과 거래 플랫폼이 분리되어 비효율적입니다.

§. 내 Comment

아마도 업비트나 바이낸스(Binance) 등 다른 암호화폐 거래소에서 트레이딩뷰 api를 이용하여 차트 기능을 제공하더라도 이러한 제휴관계가 필요할 것이고, 모든 사용자의 설정을 저장할 수 있게 한다면 비용이 어마무시할 것이기 때문에 각 사용자의 로컬 저장소(Local Storage)에 저장을 하여 일시적으로만 설정이 유지되게끔하는 방식을 채택한 것이 아닌가 합니다.

3. TradingView 차트 설정 저장 방법

우선 자신이 주로 사용하는 차트 설정을 해둡니다.

저는 위와 같이 세팅해두고 사용합니다.

우리는 웹브라우저를 통하여 업비트의 웹서비스를 이용하고 있습니다. 여러 웹브라우저 중 저는 크롬(Chrome)을 사용하므로, 크롬을 위주로 설명드립니다.

해당 웹사이트에서 F12를 눌러 개발자 도구(Developer tools)를 실행시킵니다.

업비트 웹페이지에 대하여 위와 같은 개발자 도구가 실행될 것입니다. 여기서 Application이란 탭을 클릭해봅니다.

위와 같은 화면이 나오고 왼쪽 프레임의 Storage -.-> Local Storage -.-> https://upbit.com/ 으로 들어가 보시면 Key, Value로 이루어진 표가 등장합니다.

조금 내려보면 tvLayout이란 항목이 있는데, 처음 기본 세팅에서는 저 칸이 채워져 있지 않습니다. 그런데 우리가 어떤 설정을 하고 나면 저 칸에 우리의 설정들이 채워지게 됩니다.

그렇다면 우리가 해야할 일은 초기화 되어도 다시 불러오고 싶은 자신만의 최적 커스텀 세팅을 해 둔 뒤 tvLayout 항목의 Value인 {“layout”: ‘s’, “charts”: [{ ~~~ }]} 부분을 전체 복사한 뒤 메모장을 열어 붙여넣고, 원하는 이름을 붙여 텍스트 파일로 저장을 해 두는 것입니다.

이후 크롬을 다 꺼야하는 일이 있든지 재부팅을 해야하는 일이 있든지 차트가 초기화되면 위 순서를 따라서 개발자 도구를 켜고 Application -.-> Storage -.-> Local Storage -.-> https://upbit.com/의 Key-value 표에서 tvLayout 항목의 Value에 메모장 텍스트 파일로 저장해두었던 설정 사항을 붙여 넣습니다. 그리고 업비트 웹페이지를 새로고침 해 보세요. 그러면 로컬 저장소에 있는 설정을 인식해서 불러오게 되므로 초기 차트에서 나의 커스텀 차트로 바로 불러와 지는 것을 확인하실 수 있습니다.

저는 두 가지 테마를 설정해두고 번갈아가면서 사용합니다. 평상시에는 위에 첨부한 그림처럼 흰색 배경의 차트를 사용하고, 눈이 아플 때는 아래와 같이 어두운 테마에 맞게 설정해서 모니터링하곤 합니다.

위 차트에는 추세선과 지지 저항선도 그어보고 테스트를 하였습니다. 로컬 저장소를 이용하여 새로고침하면 추세선 지지 저항, 배경색, 캔들 색, 보조지표 등등 한 방에 저만의 설정대로 불러와지고 사용할 수 있게 되었습니다.

4. (참고) 개발자 도구의 Console을 사용하실 수 있는 분들의 경우

개발자 도구에서 Console창을 이용하여 명령어로도 간편하게 설정을 불러올 수 있습니다.

위와 한 가지 다른 점은 Value 내용들이 문자열이기 때문에 {“layout”: ‘s’, “charts”: [{ ~~~ }]} 부분의 맨 앞과 뒤를 ‘로 둘러싸 주어야 한다는 것입니다.

localStorage.tvLayout={“layout”: ‘s’, “charts”: [{ ~~~ }]}

top이든 tradingview_[16진수 tvchart container ID]든 javascript context 어느 것에서 입력해도 적용됩니다. global 변수인 듯 합니다. 메모장에 위 명령어를 복사해두고 차트가 초기화 되면 Console창을 열어 그대로 붙여넣기 엔터 & upbit 거래소 페이지를 새로고침(F5).

5. 마무리

웹언어나 기타 프로그래밍 언어에 익숙하신 분들은 직접 설정을 key-value pair 형태로 작성해서 설정하실 수도 있겠습니다(할 줄 알아도 이렇게 일일이 하면 아주 귀찮겠죠).

업비트 말고 해외 암호화폐 거래소 플랫폼인 Binance도 분석해 보았는데 조금 다른 형태로 차트 설정을 저장합니다. localStorage 에 저장하는 대신 indexedDB를 이용하는데요, 편집방법이 조금 다르고 복잡해집니다. 하지만 설정부분이 {“layout”: ‘s’, “charts”: array ~~ 형태로 기록된다는 점은 변함이 없었습니다. 바이낸스에서 차트 설정 저장하는 방법은 다음 기회에 올려보도록 하겠습니다.

모두들 편리하게 커스텀 차트 설정하고 불러와서 자신만의 분석 노하우를 쌓으시고, 성투하세요!


암호화폐 거래소 할인링크 최신링크 기재해두었습니다.

기존링크는 할인적용이 안될수있으니 아래링크로 가입해주세요!

제휴거래소 할인율할인코드(직접입력 app가입)가입링크 바로가기
바이낸스20% 할인J24I6ZG2바로가기링크
바이비트20% 할인18499바로가기링크
오케이엑스20% 할인9623672970바로가기링크
MEXC10% 할인mexc-bitcoinxxo바로가기링크
비트겟50% 할인nyeo바로가기링크
FTX 5% 평생할인 바로가기링크

댓글 남기기

%d 블로거가 이것을 좋아합니다: