9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 지금까지는 정적인 데이터 즉 디비에 저장된 데이터를 단순하게 몇번 받아오는 과정이었다면 지금 부터는 실제로 거래되고 있는 가격데이터를 실시간으로 가져오는 방법을 알아보겠습니다. 이를 구축하고 실시간 가격을 볼수 있는…
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 지금까지는 정적인 데이터 즉 디비에 저장된 데이터를 단순하게 몇번 받아오는 과정이었다면 지금 부터는 실제로 거래되고 있는 가격데이터를 실시간으로 가져오는 방법을 알아보겠습니다. 이를 구축하고 실시간 가격을 볼수 있는…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 8장까지 우리는 바이브 코딩을 통해 꽤 그럴싸한 화면을 만들어냈습니다. 화려한 차트 및 테이블과 심플한 스파크라인이 들어간 자산 리스트 까지, 프로급 금융 대시보드의 핵심은 모두 만들었다고 해도 과언이…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 BaseConsumer로 웹소켓 수신의 기본 뼈대를 구성하였습니다. 7-2장에서 FMP 소개 있었습니다. 그중 주식에 대해 무료로 넉넉하게 웹소켓을 제공하는 것은 핀허브정도 입니다. 코인은 바이낸스를 사용하면 됩니다. 웹소켓 형식은 해당…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 이제 실시간 가격변동을 볼수 있는 기초공사가 마무리 되었습니다. 그러나 웹상에 표시 할려면 프론트엔드에서도 어떤 자산이 현재 얼마의 가격인지를 알아야 됩니다. 데이터가 외부 거래소에서 출발해 최종적으로 사용자의 프론트엔드…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 프론트엔드에 실시간 가격을 표시하기전에 프론트엔드에서도 정리하고 추가 해야 할 내용이 있습니다. Hook이란 개념인데 쉽게 프론트엔드에서 백엔드에 요청하는 api모음으라고 생각하면 됩니다. 이전 실습들에서 차트와 테이블에 api를 요청해 데이터를…
📂 상위 파트:[파트 2] 심화: 데이터 수집과 테이블 지금까지는 정적인 데이터 즉 디비에 저장된 데이터를 단순하게 몇번 받아오는 과정이었다면 지금 부터는 실제로 거래되고 있는 가격데이터를 실시간으로 가져오는 방법을 알아보겠습니다. 이를 구축하고 실시간 가격을 볼수 있는…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 8장까지 우리는 바이브 코딩을 통해 꽤 그럴싸한 화면을 만들어냈습니다. 화려한 차트 및 테이블과 심플한 스파크라인이 들어간 자산 리스트 까지, 프로급 금융 대시보드의 핵심은 모두 만들었다고 해도 과언이…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 BaseConsumer로 웹소켓 수신의 기본 뼈대를 구성하였습니다. 7-2장에서 FMP 소개 있었습니다. 그중 주식에 대해 무료로 넉넉하게 웹소켓을 제공하는 것은 핀허브정도 입니다. 코인은 바이낸스를 사용하면 됩니다. 웹소켓 형식은 해당…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 이제 실시간 가격변동을 볼수 있는 기초공사가 마무리 되었습니다. 그러나 웹상에 표시 할려면 프론트엔드에서도 어떤 자산이 현재 얼마의 가격인지를 알아야 됩니다. 데이터가 외부 거래소에서 출발해 최종적으로 사용자의 프론트엔드…
📖 상위 챕터:9장 실시간 마켓 펄스: 웹소켓(WebSocket) 연동 프론트엔드에 실시간 가격을 표시하기전에 프론트엔드에서도 정리하고 추가 해야 할 내용이 있습니다. Hook이란 개념인데 쉽게 프론트엔드에서 백엔드에 요청하는 api모음으라고 생각하면 됩니다. 이전 실습들에서 차트와 테이블에 api를 요청해 데이터를…