HM소프트

같은 정적 산출물을 데모(하위 경로)와 임베디드 장비(루트)에 동시 배포하는 파이프라인을 만들었다. BASE_PATH 경로 확정, 백엔드 없는 fetch 심, .nojekyll 자동 생성, 그리고 공식 배포 액션이 CDN 장애로 다운됐을 때 gh-pages 직접 미러링으로 우회한 과정과 Yocto·Apache 장비 배포까지 다룬다.코드가 멀쩡해도 배포가 안 되는 날한 커피머신 제조사의 키오스크 UI를 만든 시리즈의 마지막 편이다. 1편에서는 기기와의 WebSocket 실시간 연동(추출구 상태 봉투, 재연결, 폴링 인계)을, 2편에서는 PWA 풀스크린과 태블릿 가독성을 다뤘다. 두 편 모두 "내 코드 안의 문제"였다. 그런데 이 프로젝트에서 정작 가장 많은 시간을 빼앗은 건 코드가 아니라 배포였다.이 UI..

태블릿 키오스크를 PWA 풀스크린 앱처럼 만든 기록. manifest display:fullscreen과 display_override 폴백, 캐싱 없는 최소 Service Worker, beforeinstallprompt 3갈래 설치 유도, Fullscreen API 토글, clamp() 폰트 토큰과 nowrap·ellipsis 가독성, 고정 해상도를 버린 반응형 flex까지 다룬다.1편에서 이어서 — 이제 "키오스크답게" 만들 차례1편에서는 여러 추출구를 가진 커피머신의 상태를 WebSocket으로 실시간으로 받아 화면에 반영하는 일을 다뤘다. 기기가 보내는 이벤트를 종류별로 분배하고, 끊기면 재연결하고, 알람을 시각·청각적으로 띄우는 — 말하자면 "데이터가 살아 움직이게" 만드는 작업이었다.그런데 ..