HM소프트

Electron 키오스크 모드(전체화면·close 이벤트 차단·Ctrl+Shift+Q 탈출구·setLoginItemSettings 자동실행)와, 같은 코드를 mock electronAPI로 브라우저 웹 데모로 배포한 기록. isDev 분기, SQL 문자열 흉내 mock, transform scale 반응형, Vite base 경로, .nojekyll 함정까지 다룬다.같은 코드를 데스크톱 앱과 브라우저, 두 곳에서 돌리기시리즈의 마지막 편이다. 앞선 세 편에서 렌더러와 메인 사이의 IPC 경계, Konva 기반 디자인 편집기, 그리고 실제 하드웨어를 흉내 내는 스텁을 차례로 다뤘다. 이번 편의 주제는 두 가지다. 하나는 현장에 놓인 기기를 "앱에서 빠져나갈 수 없는 상태"로 가두는 키오스크 모드, 다른 하..

프린터·커팅기·결제 단말이 없는 상태에서 스텁 드라이버로 전체 흐름을 완성한 기록. 추상 인터페이스 대신 함수 시그니처를 계약으로 고정하고, 3초 지연까지 흉내 내 진행·타임아웃·재시도 UX를 검증하며, 장비 상태를 IPC 한 채널로 통합해 화면이 구현을 모르게 만든 설계를 다룬다.장비가 책상 위에 없을 때 개발을 시작하는 법현장에 설치되는 무인 키오스크는 화면만으로 끝나지 않는다. 결과물을 실제로 찍어 내는 프린터, 스티커 외곽선을 따는 커팅기, 카드를 받는 결제 단말기, 그리고 사용자가 이미지를 들고 오는 USB 저장장치까지 — 물리 장비 네 종이 소프트웨어와 맞물려 돌아간다. 그런데 개발하는 사람 입장에서 이 장비들이 늘 책상 위에 놓여 있는 건 아니다. 결제 단말기는 가맹 계약과 실물 단말이 와야..

Electron 키오스크 앱의 메인-렌더러 프로세스 경계를 contextBridge와 nodeIntegration:false로 설계한 기록. Preload IPC 브릿지로 표면을 좁히고, 내장 SQLite를 WAL·외래키·CHECK 제약으로 단단히 묶고, 하드웨어를 스텁으로 추상화해 같은 코드를 브라우저 데모로도 굴린 과정을 다룬다.시리즈를 시작하며현장에 무인으로 설치되는 터치스크린 키오스크를 한 대 만들었다. 사용자가 화면에서 직접 이미지를 올리고 글자를 얹어 굿즈 표면 디자인을 만들고, 그 자리에서 카드로 결제한 뒤, 옆에 붙은 인쇄·커팅 장비로 결과물을 받아 가는 흐름이다. 즉 이 앱은 순수한 웹 화면이 아니라 실제 하드웨어와 맞물려 돌아가는 데스크톱 앱이어야 했다. 동시에 영업·전시용으로 브라우저..