自动投资管理服务
我们为一项自动投资服务开发了应用:AI 按投资者的风险偏好,用国内外股票、ETF 与养老金产品搭建投资组合,并定期重新调整资产占比。以已在另一平台上线的应用为起点,直接分析其源代码与界面行为,确定实现范围,并按目标平台的界面结构重新搭建。收益率与资产占比是投资者最敏感的数字,显示一旦出错就立刻成为信任问题。工作涵盖投资状况图表、产品加入流程以及金融信息界面的显示检查。
从源代码读起、按界面流程重新搭建的移植
这款自动投资应用已先在另一平台上线,工作从直接分析该应用的源代码与界面行为开始。我们整理分析出的功能来确定实现范围,并没有照搬既有实现,而是按目标平台的界面结构与用户流程重新组织。由于工期较短,按功能划分优先级,以产品加入流程和投资图表界面为中心,兼顾速度与稳定性。

先看形状、后读数字的投资图表
自动投资应用的投资状况界面以图表呈现收益率、资产占比与统计数据。由于算法会定期重新调整资产占比,投资者正是通过这些图表确认资金眼下分布在哪些资产、各占多少。折线、柱状、饼图三种图表按界面用途分开使用,让投资者在逐个读数字之前,先从形状看出投资成果与组合构成。图表类型与显示的数据按每个界面需要回答的问题分别选定。

翻着产品卡片,顺势进入加入
智能投顾的产品加入流程,是把从国内外股票、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…



