便捷支付应用改进与运营
我们改进并运营了信用卡公司旗下便捷支付服务的支付功能。这项服务每天都用于付款,一个缺陷立刻就是金钱问题。在支付方式增加、界面不断变化的过程中,重点是让既有支付流程保持稳定。工作覆盖应用、网页与服务器相互衔接的整个服务:支付界面、他行卡注册、消费明细与账单查询,以及发布自动化。
选好卡片、账户或积分,一个条码完成支付
门店支付界面让用户从已登记的信用卡、借记卡、账户、积分和礼券中选一个,用条码或二维码付款。这是在收银台前使用的界面,从打开应用到出现付款码的几秒钟都会直接变成不便。支付方式再多,选择的步骤也不能变长,这是这个界面的标准。

把他行卡也放进同一列表的支付方式注册
为配合信用卡公司之间互相开放卡片注册的开放支付,我们开发了注册他行信用卡、借记卡的流程。在支付方式注册中选择发卡机构并添加卡片后,它会与本行卡片放在同一列表,在支付界面一起选择。各家规则不同却要放在一个列表里处理,因此每次上线都单独确认本行卡片的支付不受影响。

从应付金额一路到提前还款的账单页面
账单页面显示本月应付金额和各卡消费明细,并衔接到还款日前提前还款的即时支付。金额一旦出错就会直接变成打给客服的电话,因此页面坚持原样显示服务器给出的金额,不在界面上重新计算或四舍五入。

减少每次上线手工操作的发布自动化
金融应用每次上线都伴随构建、签名、提交审核和版本记录。这些步骤由人手工完成时,就会出现漏掉步骤或用错配置发布的失误。我们把重复的上线流程自动化,让无论谁来发布,都按同样的顺序得到同样的结果。

项目亮点
在同一界面选择卡片、账户或积分的条码与二维码支付
可注册他行卡使用的支付方式管理
以发布自动化减少每次上线重复的手工步骤与出错空间
洞察
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…



