프로젝트 계기

프론트엔드 공부를 하면서 실력이 어느정도 완성된다면 꼭 구현해보고 싶은 것이 업비트 선물거래 기능이었다. 딱히 큰 이유가 있는 것은 아니고, 업비트가 코인 시세를 자유롭게 api로 제공해주기도 하고, 당시 나는 차트를 그리는 것이 상당히 어려운 것으로 생각했었기 때문이다.

얼마전 윤이나 팬페이지 프로젝트를 진행하면서 어느정도 자신이 생기기도해서 선물거래 구현을 시도해봤다.

어려웠던 부분

윤이나 팬페이지 프로젝트를 하면서 리액트에 상당한 자신감이 생겨서 이번에는 아주 수월하게 할 수 있을 것이라 생각했다. 하지만 타입스크립트는 나에게 새로운 시련이었다. 수없이 그어지는 빨간 줄이 나의 멘탈을 흔들었다. 하지만 침착하게 구글링을 하면서 해결해냈고, 프로젝트를 마무리하는 과정에서 왜 선배 개발자들이 타입스크립트를 사용하는지, 타입스크립트가 얼마나 디버깅을 용이하게 해주는 지 이해가 되었다. 윤이나 팬페이지도 매 순간이 고비였듯이 사실 이번 프로젝트도 매 순간이 고비였다.

결과물

실행화면

결과물은 아주 만족스럽다. 차트도 깔금하게 그려지고, 선물거래 기능도 잘 된다. 배포까지 해놨기 때문에 내 블로그를 보는 사람이라면 꼭 들어가서 해봤으면 좋겠다.

https://upbit-futures.web.app/.

기술 구현 설명

사실 지금 가장 벅찬 부분은 이 프로젝트의 기술 구현을 설명하면 글을 작성하는 것이다. 일단 선물거래 기능 구현부터 차트 그리는 것까지 설명해야할 것이 너무나도 많다… 중간중간 했어야했는데,,, 무아지경으로 일주일동안 작업하느라 블로그를 아예 생각도 못했다. 찬찬히 복습한다 생각하고 조금씩 블로깅을 해봐야지….