와이어프레임 제작
개발 하기로 마음먹고,
우선 무작정 피그마로 와이어 프레임을 만들었다.
기술스택
일단 윗상단 섹션에서 코인 실시간 가져오는건 sse로 서버에서 가져오고
-> 바이낸스 측에서 websocket으로 보내줌... 쓸 수 밖에 없었다.
실시간채팅은 websocket으로 가져가고
next.js approuter 쓰면서 react Query,tailwind
backend는 고민이 많았는데 supabase로 결정..
MVP부터 개발
mvp 형식으로 우선 개발하고,
디자인 입히는 형식으로 가 볼 생각이다.
실시간 코인 가격, 차트
10.01 틀만 잡아봤음.
바이낸스 실시간 가져올수있는 코인 컴포넌트 받고
props로 코인 받아서 렌더링
차트도 컴포넌트도 props로 받아서 btc,eth렌더할것인지 조정하게
설계하고 추후 드롭다운으로 커스텀해서 보고싶은 거 보도록 해야함..
10.02
실시간채팅에 현재 들어온사람들 닉네임 앞에 state로
본인포지션 배율 [닉네임]으로 사람들의 포지션도 알게 유도
그리고 커뮤니티 탭에는 코인 뉴스 스크래핑 목록이랑
일반커뮤니티 목록 2가지로 제한
김치 프리미엄 상단바에 추가해야함
현재 바이낸스 선물 롱/숏 비율 도 가져와서 표기할 예정
10.03
실시간 롱/숏 포지션 비율을 보여주면 트레이딩 할 때 도움이 될 것 같다는 생각
바이낸스에서 웻소킷으로 가져왔다.
1. 글로벌
2. 탑 트레이더
10.03
MVP 배포
로그인 영역 빈 공간에는
실시간 포지션, 배율, 코인, 닉네임 설정하는 공간 + 메인로고 등 생각중임.
크립토 공포지수, 선물거래 UI
10.04
하루종일 코딩만 했다
선물 트레이딩 하는 사람들에게 익숙하려면 거래소 UI와 비슷해야 한다고 생각을 했다.
내가 트레이딩 할 때 참고하던 공포지수 지표도 api로 가져왔다.
트레이더 입장에서는 심심할 때 접속해서 보는 경우가 대부분이니,
실시간 접속자가 몇 명인지 궁금할 수가 있다고 생각이 들었다.
실시간 가격 코인 박스 컴포넌트를 클릭하면
다른 코인을 고를 수 있게 리스트업 해놓고 드랍다운으로 변경해서
보내는 형식으로 구성했다.
모르는 사람들을 위해 hover시 설명이 나오도록 했다.
10.04 새벽 4시까지하다가 잠시 자고 일어나서
오늘도 개발 집중
iframe 활용해서 유튜브-> 인터스텔라 노래 on/off 기능 추가
실시간 채팅 - UI 추가 로그인 된 사용자는 포지션 투표가 가능함
포지션에 따른 호칭 붙음
코인 뉴스 기사
10.04
코인
뉴스기사 페이지 1일마다 데이터가져오기
페이지 이탈 막아보려고 iframe으로 허용되는 뉴스만 가져왔음
도메인 구매했습니다! 1년에 16500원
