专业人士社区应用
我们开发并维护了一款专业人士社区应用,牙医在上面上传临床视频,与同行分享病例。应用只有外框是原生应用,里面的页面用网页绘制,因此两者交界处的加载时机、链接跳转和登录状态很容易出错。以视频为中心的服务,从列表到播放再到详情,任何一处断开都会直接削弱服务的价值。我们不是以外包公司身份,而是加入委托方内部开发团队一起工作。
在应用外框中承载网页的结构
这款牙医社区应用的外框是原生应用,里面的页面用网页制作。为了让网页在应用内自然运行,我们确定了进入网页的方式、页面之间的切换,以及外部链接的打开方式。标准是让用户不必在意眼前的页面是网页还是应用。

从列表到播放、详情都不中断的临床视频
牙医上传的临床视频是这个社区的核心。用户浏览视频列表、点进视频播放、再转到详情页的过程中,网页形式的视频内容在应用内不能中断。我们按页面逐一找出并修复这条路径上的问题。

供同行牙医分享病例的专业人士页面
这款社区应用的用户不是普通消费者,而是牙医。我们开发并维护了牙医查看和分享临床视频与病例的社区页面。面向专业人士的服务,信息结构与电商或金融应用不同,因此按这种用途来组织信息的呈现与查找流程。

加载、链接、登录状态:应用与网页交界处的维护
把网页装进应用外框后,问题大多出在两者交界处:网页加载的时机、页面的显示方式、链接跳转的去向,以及登录状态。我们从应用一侧弥补了这些问题。我们加入委托方内部开发团队,边确认需求边商定修改范围。

项目亮点
网页在应用外框内像原生页面一样运行的结构
临床视频从列表、播放到详情不中断的流程
弥补加载、链接跳转、登录状态等应用与网页交界处的问题
洞察
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…



