加密货币交易所应用重建
我们参与了把一款包裹网页界面的加密货币交易所应用重建为原生界面的转换工作。交易所应用是用户查看实时行情、买卖数字资产、查看持有资产和订单状态的地方。在沿用原有网页界面的交易流程与信息结构的同时,关键是让行情、资产、订单这类不断变化的数据不在界面上显示错误。交易所界面上的行情或资产一旦显示错误,用户就会依据错误的数字下单。在五人分工的团队中,我们参与了界面状态管理、页面跳转结构以及行情、交易、资产页面的实现。
读懂网页界面的交易流程,迁移到应用界面的转换
原有的加密货币交易所应用是在应用内显示网页界面的结构。我们分析了这些网页界面的交易流程与信息结构,把同样的流程迁移到由应用自己绘制的界面上。在保留用户熟悉的操作顺序的同时,从应用界面一侧改善性能与使用体验。

行情、资产与订单同时变化也不错位的界面状态
在交易所应用里,行情、资产、订单和页面切换等事件会同时发生。我们把用户输入、服务器响应与界面刷新串成一条数据流,让复杂界面的状态易于追踪。同时检查了界面刷新流程,确保行情变化和用户资产这类敏感数字不会以错误的值停留在界面上。

在一处统一负责多入口页面跳转的结构
交易所应用进入登录、资产、订单和详情页面的路径有许多条。我们把决定页面从哪里跳到哪里的职责从各个页面中拆出来,单独管理页面跳转。页面不再各自携带跳转代码,新增页面时需要改动的现有页面也就更少。

用代码搭建、可复用的部件,承载密集的行情与交易页面
交易所应用的行情列表、交易页面和资产页面,每一屏都塞满了数字。我们不用可视化布局工具,而是用代码编排界面,让多个页面复用同样的部件,布局结构一目了然。团队由三名内部成员和两名外部成员组成,在旧有实现方式与新结构并存的情况下,我们边做边统一界面实现方式与代码风格。

项目亮点
把基于网页界面的交易所应用转为原生界面
梳理行情、资产与订单同时变化的页面的实时刷新流程
独立出通往登录、资产、订单与详情页面的跳转结构
洞察
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



