다루는 범위
-
01
대시보드
네트워크, 지갑, 평가액 카드를 연결 동작과 최근 활동 옆에 둡니다. 공개 화면은 빈 작업 공간입니다. 숫자는 0이고 실시간 세션은 없습니다.
대시보드: 네트워크·지갑 카드, 연결 동작, 최근 활동. 제품 이름은 흐리게 처리했습니다. 빈 작업 공간입니다. -
02
이더리움 지갑
L1/L2를 넘나드는 ETH 주소 가져오기와 새로고침, 자산 표입니다. 공개 화면은 가져오기 전 빈 상태라 주소나 키가 보이지 않습니다.
이더리움 지갑 작업대: 일괄 가져오기와 새로고침. 지갑을 넣기 전에는 비어 있습니다. 제품 이름은 흐리게 처리했습니다. -
03
무기한 API 작업대
거래소 API 키는 한 번 저장하고 만료일과 연결 테스트를 둡니다. 거래 패널은 같은 설정을 씁니다. 공개 화면의 키 칸은 비워 두고 흐리게 했습니다.
무기한 API 작업대: 액세스 키, 시크릿, 만료일. 키 칸은 비어 있고 흐리게 처리했습니다. 제품 이름은 흐리게 처리했습니다. -
04
솔라나 작업대
연결 상태, SOL 잔액, 보내기/받기/스왑/스테이크 바로가기, 흔한 솔라나 거래처 DeFi 입구입니다. 공개 화면은 연결되지 않았고 주소가 없습니다.
솔라나 작업대: 연결, 잔액, 바로가기, DeFi 입구. 연결되지 않았고 주소가 없습니다. 제품 이름은 흐리게 처리했습니다.
문제
지갑 목록, 솔라나 작업, 거래소 API 자격 증명이 다른 화면에 있었습니다. 체인 잔액, SOL 작업, 무기한 키가 저장됐는지를 확인하려면 여러 도구를 열어야 했습니다.
구축 방식
콘솔은 Next.js 14 앱입니다. 이더리움 지갑과 거래소 API 설정은 MongoDB에 두고, 무기한 작업대는 localStorage에도 캐시합니다. 사이드바로 대시보드, ETH, SOL, 무기한 화면을 바꿉니다. 거래소 작업대는 REST와 계약 WebSocket을 씁니다.
달라진 점
운영자는 지갑 작업대, 솔라나 작업, 거래소 API 설정을 같은 작업 공간에서 다룹니다. 공개 화면은 빈 상태입니다. 제품 이름, 키, 주소는 흐리게 처리했습니다.