| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 배포
- 온디바이스AI
- python
- typescript
- 메일자동화
- php
- 아키텍처
- 마이그레이션
- javascript
- 보안
- Vite
- JWT
- playwright
- 인증
- contextBridge
- FastAPI
- Android
- next.js
- 백엔드
- REST API
- electron
- 크롤링
- 프론트엔드
- sqlite
- 소셜로그인
- Kotlin
- github actions
- React
- 상태관리
- 도메인설계
- Today
- Total
목록electron (5)
HM소프트
오번역을 막는 번역 필요 여부 가드와 스레드 로컬 번역기 격리, 429 분기 백오프, 원문·번역 칸을 모두 훑는 다필드 LIKE 검색과 이스케이프, 화면과 일치하는 내보내기, 국가별 시각 분산과 직렬화 락 스케줄러, APScheduler 잠자기 방어, UNIQUE 마이그레이션, Electron 포트 폴백·트레이 상주까지 데스크톱 앱화 기록. 4편: 검색·번역·스케줄러·데스크톱시리즈 마지막이다. 1편 파이프라인, 2편 PDF 파싱, 3편 강건성에 이어, 이번엔 사용자가 실제로 만지는 부분과 운영 자동화를 한 번에 다룬다.번역 — "되게"보다 "틀리지 않게"수집한 외국어 원문은 googletrans로 번역했다. 네트워크 작업이라 실패가 잦아, 재시도와 백오프를 넣었다.def translate_with_ret..
Electron 키오스크 모드(전체화면·close 이벤트 차단·Ctrl+Shift+Q 탈출구·setLoginItemSettings 자동실행)와, 같은 코드를 mock electronAPI로 브라우저 웹 데모로 배포한 기록. isDev 분기, SQL 문자열 흉내 mock, transform scale 반응형, Vite base 경로, .nojekyll 함정까지 다룬다.같은 코드를 데스크톱 앱과 브라우저, 두 곳에서 돌리기시리즈의 마지막 편이다. 앞선 세 편에서 렌더러와 메인 사이의 IPC 경계, Konva 기반 디자인 편집기, 그리고 실제 하드웨어를 흉내 내는 스텁을 차례로 다뤘다. 이번 편의 주제는 두 가지다. 하나는 현장에 놓인 기기를 "앱에서 빠져나갈 수 없는 상태"로 가두는 키오스크 모드, 다른 하..
프린터·커팅기·결제 단말이 없는 상태에서 스텁 드라이버로 전체 흐름을 완성한 기록. 추상 인터페이스 대신 함수 시그니처를 계약으로 고정하고, 3초 지연까지 흉내 내 진행·타임아웃·재시도 UX를 검증하며, 장비 상태를 IPC 한 채널로 통합해 화면이 구현을 모르게 만든 설계를 다룬다.장비가 책상 위에 없을 때 개발을 시작하는 법현장에 설치되는 무인 키오스크는 화면만으로 끝나지 않는다. 결과물을 실제로 찍어 내는 프린터, 스티커 외곽선을 따는 커팅기, 카드를 받는 결제 단말기, 그리고 사용자가 이미지를 들고 오는 USB 저장장치까지 — 물리 장비 네 종이 소프트웨어와 맞물려 돌아간다. 그런데 개발하는 사람 입장에서 이 장비들이 늘 책상 위에 놓여 있는 건 아니다. 결제 단말기는 가맹 계약과 실물 단말이 와야..
Konva와 react-konva로 터치 키오스크 디자인 편집기를 만든 기록. 상태는 zustand가, 그리기는 Konva가 맡는 소유권 분리, 레이어=배열 순서 모델, 원형 clipFunc 클리핑, onTap 터치 대응, 그리고 USB 이미지를 IPC로 읽어 data URL로 캔버스에 얹는 연동까지 정리했다.키오스크의 심장, 디자인 편집기1편에서 Electron의 메인/렌더러 분리와 IPC 경계를 다뤘다. 이번 편의 주제는 이 무인 키오스크에서 사용자가 가장 오래 머무는 화면 — 캔버스 디자인 편집기다. 손님이 직접 원형 굿즈에 들어갈 디자인을 만든다. 텍스트를 얹고, 자기 USB에 담아 온 사진을 올리고, 미리 준비된 캐릭터를 골라 배치한다. 다 만들면 미리보기 → 결제 → 인쇄로 넘어간다.이 한 화..
Electron 키오스크 앱의 메인-렌더러 프로세스 경계를 contextBridge와 nodeIntegration:false로 설계한 기록. Preload IPC 브릿지로 표면을 좁히고, 내장 SQLite를 WAL·외래키·CHECK 제약으로 단단히 묶고, 하드웨어를 스텁으로 추상화해 같은 코드를 브라우저 데모로도 굴린 과정을 다룬다.시리즈를 시작하며현장에 무인으로 설치되는 터치스크린 키오스크를 한 대 만들었다. 사용자가 화면에서 직접 이미지를 올리고 글자를 얹어 굿즈 표면 디자인을 만들고, 그 자리에서 카드로 결제한 뒤, 옆에 붙은 인쇄·커팅 장비로 결과물을 받아 가는 흐름이다. 즉 이 앱은 순수한 웹 화면이 아니라 실제 하드웨어와 맞물려 돌아가는 데스크톱 앱이어야 했다. 동시에 영업·전시용으로 브라우저..