海外股票投资服务
海外当地投资者在一款券商投资应用中交易股票、基金和 ETF,我们在这款应用中开发新界面并维护既有功能。按券商展示买入、卖出情况的图表,把分红日程放进日历的投资日历,以及汇总持仓盈亏与占比的组合界面,都由我们从设计做到实现。金融应用一旦行情更新滞后、或返回界面时数值对不上,就会立刻失去信任,因此我们也找出并修复了实时行情、进入下单和界面切换中的问题。这项工作与同一家公司另一国家的应用同期并行。
按券商并排查看谁在买、谁在卖的图表
券商图表针对单只股票,展示各证券公司(券商)的买入与卖出情况。为了一眼比较买盘与卖盘集中在哪些交易主体,我们把收到的数据加工成适合图表的形式,并确定图表的构成。数据加载中或为空时的界面状态也一并处理。

把派息日和除息日标在日期上的投资日历
投资日历以日历形式展示派息日、除息日等主要投资日程。日程对应到具体日期,按月翻页,点击日期即可打开当天日程的详情。没有日程时和加载中的界面也单独做了整理。

把市值、盈亏与占比集中在一个界面的持仓组合
持仓组合界面把持仓的市值、盈亏、收益率和各股占比集中在一个界面。我们整理了信息的顺序与分组,让投资者不必逐个寻找数字,也能先读懂账户当前的状态。持仓再多,盈亏与占比也要一眼看清,这是这个界面的标准。

在应用中随处悬浮的涨跌显示,与无需跳转的下单模式
悬浮行情显示是一个小型信息元素,在使用应用期间持续显示所选个股的涨跌。投资者把关注的股票以这种显示悬浮在界面上,在其他菜单间切换时也不会错过涨跌。它像小组件一样,可以拖到屏幕上任意位置。我们让它反映实时价格变化,在切换界面时保持显示状态,并调整显示方式,不妨碍其他操作。在下单界面,无需切换菜单即可更换交易模式,我们还加固了流程,让各模式的专用键盘、输入值以及按目标金额计算数量的功能稳定运行。

项目亮点
并排比较各券商买入与卖出的图表
标出派息日与除息日的投资日历
在应用任意位置悬浮的个股涨跌显示,以及无需跳转的下单模式切换
洞察
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…



