코인원이 제공하는 OpenAPI를 활용하여 암호화폐의 시세를 조회하고 차트를 표시하는 UI를 만들어보고 있었다.위 사진의 UI는 아래의 사진처럼 세 개의 컴포넌트로 나뉘어지는데1. 코인의 실시간 정보를 보여주는 2. 차트 데이터를 조회하기 위한 검색 필터인 3. 코인의 차트와 함께 줌 기능을 제공하는  이렇게 세 개의 컴포넌트로 나뉜다. 이 중에서 `` 컴포넌트에는 wheel 이벤트를 달아서마우스 휠을 위아래로 움직이면 차트의 줌인/줌아웃이 가능하도록 했고,그에 따라 화면에 표시되는 bar의 갯수도 동적으로 변경된다.⚠️ 발생한 문제여기서 문제가 하나 발생했는데, `` 컴포넌트에서 줌인/줌아웃을 하는 과정에서브라우저의 body에 스크롤바가 있을 경우,휠 이벤트가 BarChart의 줌 기능 뿐만 아니라 b..

[UPbit Open API]업비트는 코인 정보와 관련된 무료 웹 소켓 API를 제공해주고 있다.public 타입이 있고, private 타입이 있는데, public 타입은 별다른 인증 없이 수신할 수 있는 데이터 타입이다.여기선 public 타입으로 별도의 JWT 인증 토큰 없이 웹소켓 연결을 해보려고 한다.(웹소켓을 사용하면 서버와 브라우저 간 연결을 유지한 상태로 데이터를 교환할 수 있으므로 데이터 교환이 지속적으로 이뤄져야 하는 서비스에 아주 적합하다.)WebSocket을 사용하기 위한 두 가지 방법1. 브라우저 환경에서 WebSocket API 사용- 브라우저 환경에서는 내장된 WebSocketAPI를 사용한다. 이 API는 모든 브라우저에서 기본적으로 지원되므로 별도의 import가 필요 없다..