바이낸스 웹 페이지 TradingView 차트가 빈 화면으로 뜰 때 해결 방법
바이낸스 거래 페이지의 캔들 차트는 사실 TradingView 차트가 임베드(iframe 형식)된 형태입니다. 만약 이 부분이 제대로 로드되지 않는다면 거래 결정을 내리는 데 큰 지장을 초래하게 됩니다. 본 가이드에서는 차트가 보이지 않는 흔한 원인과 해결 방법을 정리했습니다. 즉시 바이낸스 공식 사이트에 접속해 거래 페이지를 확인하거나, 모바일 환경에서는 바이낸스 공식 앱을 설치해 사용하세요. iPhone 사용자는 iOS 설치 가이드를 참고하시기 바랍니다.
바이낸스와 TradingView의 관계
바이낸스 거래 페이지의 캔들 차트 렌더링은 TradingView에서 제공합니다.
- 차트 리소스는 s3.tradingview.com, charting-library.tradingview.com 등의 도메인에서 가져옵니다.
- 바이낸스 거래 페이지에 iframe 형태로 삽입됩니다.
- 데이터는 바이낸스 자체 WebSocket을 통해 전달되며, 렌더링은 TradingView 엔진이 담당합니다.
즉, 차트는 '바이낸스 시세 데이터'와 'TradingView 렌더링 라이브러리'라는 두 가지 독립된 리소스에 의존합니다. 어느 한쪽이라도 문제가 생기면 차트 영역은 공백으로 표시됩니다.
원인 1: 제3자 쿠키(Third-party cookies) 차단
가장 빈번하게 발생하는 원인입니다. 크로미움(Chromium) 계열 브라우저는 2024년부터 제3자 쿠키를 단계적으로 폐지하고 있습니다.
- 기본적으로 주 도메인이 아닌 도메인의 쿠키를 차단합니다.
- TradingView iframe은 제3자 도메인으로 인식되어 쿠키가 차단됩니다.
- 이로 인해 차트가 사용자 설정을 초기화하지 못하게 됩니다.
해결 방법: 브라우저 설정에서 binance.com을 '제3자 쿠키 사용 허용' 예외 목록에 추가합니다.
Chrome 기준 설정 경로: 설정 → 개인정보 보호 및 보안 → 제3자 쿠키 → '제3자 쿠키 사용이 허용됨' 섹션 → 추가 버튼을 눌러 binance.com 입력.
원인 2: 콘텐츠 보안 정책(CSP)
바이낸스 웹 페이지에는 로드할 수 있는 외부 리소스를 제한하는 CSP 헤더가 설정되어 있습니다. 사용 중인 브라우저 확장 프로그램이나 프록시가 이 CSP 헤더를 수정할 경우:
- iframe의 src가 허용되지 않은 소스로 인식됩니다.
- 브라우저가 로드를 거부합니다.
확인 방법: 개발자 도구(F12)의 Console 탭에서 "Refused to frame ..." 오류 메시지가 있는지 확인합니다.
해결 방법: HTTP 헤더를 수정하는 브라우저 확장 프로그램(예: 특정 VPN 또는 보안 확장 프로그램)을 확인하고, 비활성화 후 다시 시도합니다.
원인 3: 네트워크 차단
일부 네트워크 환경에서 tradingview.com 도메인을 차단하는 경우가 있습니다.
- 회사 사내 망의 방화벽
- 학교 네트워크
- 일부 공용 WiFi
- 국가 차원의 네트워크 제한
확인 방법: 개발자 도구 → Network 탭 → 'tradingview' 검색 → 요청 결과가 ERR_BLOCKED이거나 타임아웃이 발생하는지 확인합니다.
해결 방법:
- 스마트폰의 모바일 데이터를 사용해 봅니다.
- 또는 공식적으로 허용된 네트워크 환경을 이용합니다.
원인 4: 확장 프로그램의 간섭
광고 차단 확장 프로그램이 TradingView 리소스를 광고로 오인해 차단할 수 있습니다.
- uBlock Origin: 간혹 charting-library 차단
- AdGuard: 간혹 s3.tradingview.com 차단
- Privacy Badger: 교차 사이트 리소스 차단
해결 방법: 확장 프로그램 관리자 페이지에서 binance.com을 신뢰할 수 있는 사이트로 등록하고 제3자 리소스 로드를 허용합니다.
원인 5: WebGL / Canvas 오류
TradingView 차트는 WebGL을 사용해 렌더링합니다. 브라우저의 WebGL에 문제가 생기면:
- 차트 영역은 생기지만 '검은 화면'만 나옵니다.
- 콘솔에 "WebGL context lost" 오류가 출력됩니다.
해결 방법:
chrome://gpu주소에서 WebGL 상태를 확인합니다.- 브라우저의 '하드웨어 가속' 기능을 껐다가 다시 켭니다.
- 그래픽 카드 드라이버를 최신 버전으로 업데이트합니다.
원인 6: 페이지 로드 순서 꼬임
바이낸스 거래 페이지의 리소스 로드 순서가 복잡하여 간혹 순서가 어긋나는 경우가 있습니다.
- 시세 WebSocket은 연결되었으나 TradingView 라이브러리가 아직 로드되지 않은 경우.
- 차트 초기화 시 데이터를 찾지 못하는 경우.
- 화면에 '로딩 중' 메시지만 무한히 반복되는 경우.
해결 방법: 보통 F5 키를 눌러 페이지를 새로고침하면 해결됩니다. 문제가 반복되면 브라우저 캐시를 삭제하세요.
종합 점검 프로세스
문제가 발생하면 다음 순서대로 확인해 보세요.
- 다른 종목의 차트도 똑같이 보이지 않는지 확인 (전역적인 문제인지 판별).
- F5 키로 강제 새로고침 실행.
- 브라우저의 '시크릿 모드(Inprivate)'에서 테스트.
- 여전히 공백이라면 개발자 도구 Network 탭에서 tradingview 리소스 확인.
- 리소스 로드 실패 시 → 네트워크 또는 확장 프로그램 차단 확인.
- 리소스 로드는 성공했으나 공백인 경우 → WebGL 또는 쿠키 설정 확인.
TradingView 공식 사이트 vs 바이낸스 임베드 버전
두 버전의 차이를 구분해야 합니다.
- 바이낸스 거래 페이지 내 TradingView: '임베드 버전'이며 기능이 다소 제한적입니다.
- TradingView 공식 사이트(tradingview.com): '전체 기능 버전'이며 별도의 계정이 필요합니다.
- 임베드 버전은 TradingView 계정 없이 바이낸스 계정만으로 사용 가능합니다.
임베드 버전이 작동하지 않을 때는 임시로 TradingView 공식 사이트(무료 계정 가입)에서 차트를 보고, 주문은 바이낸스에서 진행할 수 있습니다.
모바일 환경의 차이
스마트폰 브라우저 또는 앱 내의 차트 상황은 다음과 같습니다.
- 모바일 웹: PC와 마찬가지로 iframe을 사용하므로 제3자 리소스 의존도가 높습니다.
- 모바일 앱: 네이티브 컴포넌트로 렌더링하므로 iframe을 사용하지 않아 훨씬 안정적입니다.
PC 브라우저에서 차트 문제가 지속된다면 모바일 앱을 이용하는 것이 가장 확실한 대안입니다.
장기적인 관리 제언
바이낸스 거래 페이지를 자주 이용하신다면 다음 설정을 권장합니다.
binance.com과tradingview.com을 브라우저 쿠키 및 스크립트 허용 화이트리스트에 추가하세요.- 하드웨어 가속 기능을 활성화하세요.
- 너무 많은 확장 프로그램을 설치하지 마세요.
- 매달 정기적으로 브라우저 캐시를 정리하세요.
데스크톱 클라이언트의 장점
PC용 데스크톱 클라이언트는 iframe 관련 문제가 전혀 발생하지 않습니다.
- 차트 컴포넌트가 내장되어 네이티브로 렌더링됩니다.
- 제3자 쿠키에 의존하지 않습니다.
- 브라우저 확장 프로그램의 간섭을 받지 않습니다.
- 실행 시 즉시 정상 작동합니다.
브라우저에서 차트 오류가 빈번하다면 데스크톱 클라이언트를 설치하는 것이 가장 깔끔한 해결책입니다.
FAQ
Q: 바이낸스 내의 TradingView 이용 시 별도의 비용이 드나요? A: 아니요, 무료입니다. 다만 공식 사이트보다 기능이 다소 간소화되어 있습니다.
Q: 차트의 작도(드로잉) 내용을 저장할 수 있나요? A: 임베드 버전에서도 일부 지원되며, 작도 내용은 바이낸스 계정에 저장됩니다.
Q: iOS Safari에서 차트 로딩이 자주 끊깁니다. A: iOS Safari는 iframe 제한이 엄격합니다. Chrome iOS 앱을 사용해 보시기 바랍니다(동일한 WebKit 기반이나 설정값이 다를 수 있음).
Q: 덜 알려진 마이너 브라우저를 써도 되나요? A: 호환성 문제가 발생할 가능성이 매우 높습니다. 가급적 주류 브라우저 사용을 권장합니다.