바이낸스 api를 이용한 선물 Ranking system 개발기

Dev

keithx3 2020. 9. 30. 19:18

전 글에서 봤듯이, Tailwind css는 간결하고 이쁘다. 수정도 편하다.

따라서 Tailwind css를 기반으로 개발할 예정이다.

기존에 있는 Dashboard 이외에 Ranks라는 메뉴란을 하나 더만들었다.

resources/navigation-dropdown.blade.php에서 추가, 수정할 수 있는데, 아주 간단하다.

수정한 코드는 이렇다. x-jet-nav-link의 href는 클릭시 이동하게 되는 루트고, 그 루트는 ranks로 선언한다. ( 이 선언한 ranks는 결국 2장에서 설명한 기초적인 라우팅으로 만들면된다.)

이렇게 누르면 active가 되고, view의 ranks.blade.php로 이동하게된다.

{{ __('Ranks') }}는 메뉴 네이게이션 바에서 보여주는 Ranks라는 text가 된다.

여튼, 다시 본론으로 들어가서.

사용자가 필요한 기능을 생각하자.

1. 랭커들의 순위(여기엔 랭커들의 사용 거래소, 수익률, 자세한 대시보드 보기 등 여러기능이 추가적으로 들어가야한다.

참고할 자료는 코인마켓캡이다.)

2. 사용자의 api 정보 추가란.

3. 사용방법란

4. 대시보드(자신의 수익률을 볼수 있는 곳)

5. contact us

등이 있다.

나머지 새로운 기능들은 추가하면 되는 부분이니, 일단 가장 중요한 1, 2, 4번에 집중하도록 한다.

오늘은 2번을 개발하도록 하겠다.

2번을 개발하기위해선 데이터 베이스에 api_key와 secret_key를 넣을 공간이 필요하다.

$table->string('api_key')->nullable();
$table->string('secret_key')->nullable();

를 추가하여 새로운 열 두개를 추가해주었다.

(php artisan migrate:refresh는 필수이다)

이제 사용자가 회원가입 후에 자신의 개인 api를 입력할란을 만들어야한다.

아무래도 이부분이 최적의 공간인 것같다. profile을 들어가면 개인 정보에 대해 수정 혹은 업데이트 하는 공간이 나온다.

이 부분에 사용하는 거래소 정보 / api / api secret 입력 란을 만들고, 서버로 보내 저장하려고한다.

profile information 바로 아래부분에 업데이트 할 것이다.

이 profile 수정란은, resources/views/profile/show.blade.php 가 담당하고있다.

이 부분이다. @livewire와 Feartures::를 통해 양식란을 호출하는 것을 볼 수 있다.

*한참 헤맸다. profile 페이지를 모디파이 할 수 있을 줄 알았지만. 할 수 있는건 view의 변경뿐, 기능적으로 변경은 불가능하다고 한다.

UserProfileController::를 검색했을때 클래스 선언부가 안나왔을 때 알아봤어야했는데 말이다.

customize ..user/profile jetstream

laracasts.com

따라서 메뉴에 이 기능을 따로 넣는 수 밖에없을 거 같다.