TooLoves 블로그

React로 AI 이미지 EXIF 추출기 만들기

AI 이미지의 메타데이터를 추출하는 도구를 만들면서 겪은 시행착오와 배운 점을 공유합니다.

qrcode.react 라이브러리를 사용해 QR 코드 생성기를 만든 과정과 최적화 방법을 다룹니다.

Canvas 기반 워터마크 생성기를 만들며 텍스트 블렌딩, 투명도 제어, 폰트 렌더링을 다뤘던 경험을 공유합니다.

WASM 초기화 비용, 메모리 관리, SIMD 활용까지 성능 튜닝 팁을 정리합니다.

안드로이드 크롬에서 메모리 제한을 고려한 트랜스코딩 전략과 에러 핸들링을 다룹니다.

워크박스와 커스텀 전략으로 정적/동적 리소스를 안정적으로 캐싱하는 방법을 소개합니다.

이미지 포맷 변환 시 EXIF, PNG 텍스트 청크 등 메타데이터를 유지하는 실전 팁을 정리합니다.

불필요한 리렌더를 줄이고 데이터 페칭을 최적화하는 실전 패턴을 살펴봅니다.

Discriminated Union, Zod 연동, reducer 패턴으로 런타임 버그를 줄이는 방법을 공유합니다.

무료 티어 한도, 빌드 캐시, CNAME 플래트닝, 프록시 설정까지 실사용 비교를 제공합니다.

CI에서 성능 리그레션을 감지하고 임계값 실패 시 빌드를 차단하는 파이프라인을 구성합니다.

매니페스트, 백그라운드 동기화, 푸시 알림까지 UX를 높이는 핵심 요소를 구현합니다.

WGSL 셰이더로 컨볼루션, 색 공간 변환 등 필터를 GPU에서 병렬 처리하는 방법을 소개합니다.

메모리 폭주 없이 업로드/변환 파이프라인을 구성하는 스트림 패턴과 백프레셔 제어를 다룹니다.

트랜잭션, 버전 관리, Blob 저장 등 브라우저 로컬 데이터베이스 베스트 프랙티스를 정리합니다.