| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- REST API
- electron
- 도메인설계
- React
- sqlite
- javascript
- php
- 상태관리
- Vite
- python
- 크롤링
- 마이그레이션
- Kotlin
- playwright
- 인증
- typescript
- 메일자동화
- 온디바이스AI
- github actions
- FastAPI
- 보안
- 백엔드
- 프론트엔드
- 소셜로그인
- 아키텍처
- next.js
- contextBridge
- Android
- 배포
- JWT
Archives
- Today
- Total
목록html2canvas (1)
HM소프트
실시간 미리보기 + html2canvas 이미지 내보내기 — 텍스트 교체 도구 (3)
Canvas 실시간 미리보기와 PNG 내보내기를 한 렌더 함수로 통일해 화면과 결과물을 일치시킨 과정을 다룬다. 화면 캡처 라이브러리를 버리고 원본 픽셀을 읽어 배경색을 추정해 덮고, 오츠 이진화로 글자색을 추정하며, 폰트 크기 이진탐색·디바운스·렌더 버전 검사로 어긋남을 막은 이미지 텍스트 교체 도구 구현 기록이다. 3편: 미리보기와 내보내기1편 엔진, 2편 위저드/상태에 이어 시리즈 마지막이다. 사용자가 입력한 것이 결과물로 떨어지는 부분, 실시간 미리보기와 PNG 내보내기를 다룬다.실시간 미리보기 패널이 도구의 사용감을 좌우하는 부분이다. 사용자가 텍스트를 바꾸거나 항목을 옮길 때마다, 결과가 어떻게 보일지 즉시 보여줘야 한다. "바꾸고 → 결과 보기" 버튼을 누르는 흐름이면 답답하다.그래서 미리보..
기술 개발일지
2026. 6. 12. 01:19