Update Notes

Check out the latest updates and changes

VERSION
0.1.19.main.2025-10-31
DATE
2025.10.31
CONTENTS
📱 iPhone 호환성 개선 - 특정 버전에서 파일 업로드 및 이미지 효과 동작 문제 해결
🖼️ HEIC/HEIF 이미지 지원 - iPhone에서 촬영한 고화질 이미지 자동 변환 지원
🎨 ASCII 아트 알고리즘 개선 - 히스토그램 균등화 및 실제 문자 밝기 측정을 통한 자연스러운 변환 품질 향상
⚡ 스마트 리사이징 실시간 미리보기 성능 개선 - 5% 진행률마다 업데이트하여 더 부드러운 처리 경험 제공
CHANGE LOG
Fixed file upload and image filter issues on specific iPhone versions
Added HEIC/HEIF image format support with automatic conversion to PNG
Improved ASCII art algorithm with histogram equalization and actual character brightness measurement for better conversion quality
Optimized real-time preview performance for Smart Resizing - Update every 5% progress for smoother processing experience
VERSION
0.1.18.main.2025-10-30
DATE
2025.10.30
CONTENTS
🎨 컬러 편집기(Color Editor) 신규 추가 - 인스타그램 스타일 전문 이미지 편집 도구
🖼️ 22개 이미지 필터 - 인스타그램 스타일 15개 + 기본 필터 7개
⚙️ 7가지 색상 조정 기능 - 밝기/대비/채도/색조/선명도/노출/활력
🖼️ 9가지 액자 효과 - 클래식/폴라로이드/빈티지 골드 등 프리셋 + 커스터마이징
🎬 스마트 리사이징 데모 비디오 추가 - 실시간 작동 원리 시각화
📱 이미지 크기 조절 SNS 프리셋 추가 - 인스타그램/페이스북/X 등 주요 플랫폼
🎯 홈페이지 구조 개편 - 신규 기능 섹션 추가 및 카테고리 최적화
⚡ 스마트 리사이징 초기값 개선 - 100% 크기로 사용자 편의성 향상
🔍 SEO 최적화 - Color Editor 페이지 sitemap 등록 및 구조화된 데이터 추가
🎨 ASCII Art 페이지 UX 개선 - 탭 기반 설정 UI 및 기본값 최적화
CHANGE LOG
Added professional Color Editor with Instagram-style filters and adjustments
Implemented 22 image filters (15 Instagram-style + 7 basic filters)
Built 7 color adjustment controls (brightness/contrast/saturation/hue/sharpness/exposure/vibrance)
Created 9 frame effects with presets (classic/polaroid/vintage) and customization
Added demo video to Seam Carving page showing real-time operation visualization
Implemented SNS presets for image resizing (Instagram/Facebook/X platforms)
Redesigned homepage structure with new features section and category optimization
Improved Seam Carving default settings to 100% for better user experience
Optimized SEO with Color Editor sitemap registration and structured data
Enhanced ASCII Art page UX with tab-based settings UI and optimized defaults
VERSION
0.1.17.main.2025-10-30
DATE
2025.10.30
CONTENTS
🤖 GEO (Generative Engine Optimization) 전면 도입 - AI 검색 엔진 최적화
📊 구조화된 데이터(JSON-LD) 추가 - WebApplication Schema 전체 페이지 적용
❓ FAQPage Schema 구현 - 페이지별 맞춤형 FAQ 3개 추가 (총 54개)
🌏 다국어 구조화된 데이터 지원 - 한국어/영어 자동 전환
🔍 AI 모델 이해도 향상 - ChatGPT, Perplexity, Gemini 등 생성형 AI 최적화
🎯 페이지별 주요 기능 명시 - featureList 구조화된 데이터 추가
💡 사용자 질문 대응 FAQ - 실제 사용자 의문 해결 중심 구성
🏠 홈페이지 카드 아이콘 디자인 개선 - 8pt 그리드 시스템 적용
CHANGE LOG
Implemented comprehensive GEO (Generative Engine Optimization) across all pages
Added structured data (JSON-LD) with WebApplication Schema to all 18 pages
Built FAQPage Schema with 3 customized FAQs per page (54 total)
Enabled multilingual structured data with automatic Korean/English switching
Enhanced AI model comprehension for ChatGPT, Perplexity, Gemini, and other generative AI
Specified key features per page with featureList structured data
Created user-focused FAQs addressing real user questions
Improved homepage card icon design with 8pt grid system
VERSION
0.1.16.main.2025-10-29
DATE
2025.10.29
CONTENTS
📊 Google Analytics 4 (GA4) 전면 연동 - 전체 기능별 이벤트 트래킹
📈 Looker Studio 시각화 연동 - 실시간 데이터 분석 대시보드
📉 네이버 애널리틱스 통합 - 국내 사용자 행동 분석 최적화
⚡ Lighthouse 성능 최적화 - 네이버 애널리틱스 비동기 로딩
🎯 기능별 이벤트 트래킹 구현 - 업로드/처리/다운로드 단계별 추적
🔍 페이지별 SEO 메타데이터 최적화 - 키워드 강화 및 간결한 설명
📱 모바일 카드 레이아웃 개선 - 가로 배치로 정보 가독성 향상
🎨 홈페이지 기능 설명 개선 - 사용자 친화적 문구로 전면 개편
CHANGE LOG
Fully integrated Google Analytics 4 (GA4) with comprehensive event tracking
Connected Looker Studio for real-time data visualization dashboard
Integrated Naver Analytics for optimized domestic user behavior analysis
Optimized Lighthouse performance with asynchronous Naver Analytics loading
Implemented feature-specific event tracking for upload/process/download stages
Enhanced SEO metadata per page with keyword optimization and concise descriptions
Improved mobile card layout with horizontal arrangement for better readability
Redesigned homepage feature descriptions with user-friendly messaging
VERSION
0.1.15.main.2025-10-28
DATE
2025.10.28
CONTENTS
🔍 페이지별 SEO 최적화 시스템 구축 - 전체 18개 페이지 적용
📊 react-helmet-async 도입 - 동적 메타 태그 관리
🎯 페이지별 고유 메타데이터 설정 - 제목, 설명, 키워드 최적화
🌐 Open Graph & Twitter Card 지원 - SNS 공유 최적화
📍 구조화된 데이터(JSON-LD) 추가 - 검색 엔진 이해도 향상
🗺️ Sitemap.xml 업데이트 - 전체 페이지 등록 및 우선순위 설정
🌏 다국어 SEO 지원 - 한국어/영어 메타 태그 자동 전환
📖 SEO 최적화 가이드 문서 작성 - 유지보수 및 확장 가이드라인
CHANGE LOG
Built comprehensive SEO optimization system across all 18 pages
Integrated react-helmet-async for dynamic meta tag management
Configured unique metadata per page with optimized titles, descriptions, and keywords
Added Open Graph and Twitter Card support for enhanced social media sharing
Implemented structured data (JSON-LD) to improve search engine comprehension
Updated sitemap.xml with complete page registration and priority settings
Added multilingual SEO support with automatic Korean/English meta tag switching
Created SEO optimization guide documentation with maintenance and expansion guidelines
VERSION
0.1.14.main.2025-10-24
DATE
2025.10.24
CONTENTS
😍 이모션(Emotion) 피드백 시스템 구축 - 전체 18개 페이지 적용
🎨 미니멀 디자인 이모션 컴포넌트 - 4가지 반응 타입 지원 (최고예요/좋아요/별로예요/싫어요)
🎯 ASCII 아트 이미지 변환 기능 추가 - 텍스트 기반 독특한 아트 생성
⚡ 인프라 최적화
CHANGE LOG
Built Emotion feedback system across all 18 pages
Created minimal design emotion component with 4 reaction types (Love/Good/Meh/Bad)
Added ASCII Art image conversion feature with text-based art generation
Optimized infrastructure
VERSION
0.1.13.main.2025-08-14
DATE
2025.08.14
CONTENTS
🌐 다국어(i18n) 영어 지원 추가 - 전체 UI 번역 및 언어 자동 감지
🧩 컴포넌트/페이지 전역 다국어 적용 및 common.json 구조 정리
⚡ Lighthouse 초기 로딩 성능 개선 - 라우트 코드 스플리팅, Analytics 지연 로딩, preconnect/defer 적용
CHANGE LOG
Added English multilingual support (i18n) across the app with automatic language detection
Applied translations to components/pages and organized common.json resource structure
Improved Lighthouse performance: route-based code splitting, lazy analytics, preconnect/defer
VERSION
0.1.12.main.2025-08-13
DATE
2025.08.13
CONTENTS
🏠 홈메뉴, 페이지 제목 및 로고 통일
✏️ 배경 제거 후 편집 기능 추가
CHANGE LOG
Unified home menu, page titles, and logo system
Added edit mode after background removal
VERSION
0.1.11.main.2025-08-01
DATE
2025.08.01
CONTENTS
🎉 첫 배포 준비 완료 - 23가지 이미지 편집 도구 통합
🔧 빌드 시스템 완전 개편 - customize-cra + react-app-rewired 도입
🌐 환경별 빌드 스크립트 분리 - 개발/스테이징/프로덕션 환경 최적화
🔒 보안 강화 시스템 구축 - Console.log 자동 제거 및 소스맵 비활성화
📦 로컬 프로덕션 테스트 환경 구축 - serve 도구로 실제 배포 환경 시뮬레이션
⚙️ PUBLIC_URL 환경별 설정 - 절대/상대 경로 자동 전환 시스템
📋 배포 문서 작성 - DEPLOYMENT.md 및 DEPLOYMENT_SUMMARY.md 생성
🛠️ 개발 도구 통합 - 바이브코딩(커서AI) + React + TypeScript 스택
CHANGE LOG
First deployment preparation completed with 23 integrated image editing tools
Complete build system overhaul with customize-cra and react-app-rewired integration
Separated build scripts for development/staging/production environments
Built security enhancement system with automatic console.log removal and source map disabling
Established local production test environment with serve tool for deployment simulation
Implemented PUBLIC_URL environment-specific settings with absolute/relative path auto-switching
Created deployment documentation with DEPLOYMENT.md and DEPLOYMENT_SUMMARY.md
Integrated development tools with VibeCoding(Cursor AI) + React + TypeScript stack
VERSION
0.1.10.main.2025-07-31
DATE
2025.07.31
CONTENTS
🔧 빌드 시스템 완전 개편 - customize-cra + react-app-rewired 도입
🌐 환경별 빌드 스크립트 분리 - 개발/스테이징/프로덕션 환경 최적화
🔒 보안 강화 시스템 구축 - Console.log 자동 제거 및 소스맵 비활성화
📦 로컬 프로덕션 테스트 환경 구축 - serve 도구로 실제 배포 환경 시뮬레이션
⚙️ PUBLIC_URL 환경별 설정 - 절대/상대 경로 자동 전환 시스템
CHANGE LOG
Complete build system overhaul with customize-cra and react-app-rewired integration
Separated build scripts for development/staging/production environments
Built security enhancement system with automatic console.log removal and source map disabling
Established local production test environment with serve tool for deployment simulation
Implemented PUBLIC_URL environment-specific settings with absolute/relative path auto-switching
VERSION
0.1.9.main.2025-07-31
DATE
2025.07.31
CONTENTS
🔒 프로덕션 빌드 보안 강화 - Console.log 자동 제거 및 소스 난독화 적용
⚙️ Babel 설정 추가 - babel-plugin-transform-remove-console으로 개발 코드 제거
🛡️ JavaScript Obfuscator 도입 - 제어 흐름 난독화 및 코드 압축
📦 build:prod 스크립트 개선 - 소스맵 비활성화 및 자동 난독화 파이프라인
🔧 개발 의존성 추가 - 보안 및 성능 최적화 도구 통합
CHANGE LOG
Enhanced production build security with automatic console.log removal and source obfuscation
Added Babel configuration with babel-plugin-transform-remove-console for development code cleanup
Introduced JavaScript Obfuscator with control flow flattening and code compression
Improved build:prod script with source map disabling and automatic obfuscation pipeline
Added development dependencies for security and performance optimization tools
VERSION
0.1.8.main.2025-07-29
DATE
2025.07.29
CONTENTS
🆕 바코드 생성기 기능 추가 - Code 128, Code 39 형식 지원
📱 QR 코드 생성기 기능 확장 - URL, 텍스트, 이메일, 전화번호, SMS, WiFi 정보 지원
🎨 바코드 생성기 UI 개선 - QR 코드 생성기와 동일한 모던한 레이아웃 적용
CHANGE LOG
Added barcode generator with Code 128 and Code 39 format support
Expanded QR code generator to support URL, text, email, phone, SMS, and WiFi data
Improved barcode generator UI with modern layout matching QR code generator design
VERSION
0.1.7.main.2025-07-28
DATE
2025.07.28
CONTENTS
🆕 EXIF 데이터 뷰어 기능 추가
📷 카메라 정보, 촬영 설정, GPS 위치 등 상세 메타데이터 분석
🗺️ GPS 정보가 있는 사진의 Google Maps 연동 기능
🎨 EXIF 분석과 함께 색상 팔레트 추출 기능 통합
🔒 완전한 클라이언트 사이드 처리로 개인정보 보호
⚡ Seam Carving 사용자 경험 대폭 개선
📊 깔끔한 프로그레스 바 및 통일된 버튼 디자인
⬇️ 다운로드 버튼 조건부 표시 (처리 완료 후에만)
📐 크기 설정 메뉴 완전 재정렬 및 균등한 레이아웃
🎯 홈페이지 카드 아이콘 중앙 정렬 문제 해결
🎨 일관된 디자인 시스템 적용 및 사용성 향상
CHANGE LOG
Added comprehensive EXIF data viewer functionality
Implemented camera info, shooting settings, and GPS location analysis
Integrated Google Maps for photos with GPS coordinates
Combined EXIF analysis with color palette extraction
Maintained complete client-side processing for privacy
Significantly improved Seam Carving user experience
Implemented clean progress bars and unified button design
Added conditional download button (shows only after completion)
Completely reorganized size settings menu with equal layout
Fixed homepage card icon center alignment issues
Applied consistent design system and improved usability
VERSION
0.1.6.main.2025-07-15
DATE
2025.07.15
CONTENTS
브랜드 파비콘 시스템 구축 완료
다양한 크기의 파비콘 생성 (16x16, 32x32, 48x48, 192x192px)
Apple Touch Icon 및 PWA 지원 파비콘 추가
HTML 메타태그 최적화 - 모든 디바이스 및 플랫폼 지원
헤더 로고 시스템 개선 - 그리드 아이콘에서 실제 브랜드 파비콘으로 교체
메인 로고 크기 최적화 (24px → 32px)로 가독성 향상
모든 네비게이션 아이콘 통일된 브랜드 이미지 적용
SEO 및 브랜드 인식 개선을 위한 파비콘 표준화
모바일 홈 화면 추가 시 고해상도 아이콘 지원
브라우저 탭 및 북마크에서 브랜드 아이덴티티 강화
CHANGE LOG
Built comprehensive brand favicon system
Generated multiple favicon sizes (16x16, 32x32, 48x48, 192x192px)
Added Apple Touch Icon and PWA-ready favicons
Optimized HTML meta tags for all devices and platforms
Enhanced header logo system - replaced grid icon with actual brand favicon
Optimized main logo size (24px → 32px) for improved readability
Applied unified brand image across all navigation icons
Standardized favicons for improved SEO and brand recognition
Added high-resolution icon support for mobile home screen
Strengthened brand identity in browser tabs and bookmarks
VERSION
0.1.5.main.2025-07-11
DATE
2025.07.11
CONTENTS
모든 이미지 도구 페이지 UI 통합 및 일관성 개선
워터마크 메이커, 밈 메이커, HTML to Image, AI 색상 추출, 이미지 압축 페이지 완전 재작성
이미지 업로드 전/후 단계별 UI 패턴 표준화 (FileUpload + InfoCards → 2-column 레이아웃)
Framer Motion 애니메이션 시스템 전면 도입
토스트 알림 시스템 구현 (기존 alert() 대체)
그라데이션 헤더 텍스트 및 페이지별 고유 색상 테마 적용
모바일 반응형 최적화 - 이미지 크기 제한 및 레이아웃 개선
일관된 디자인 시스템 구축 (둥근 모서리, 그림자, 색상 팔레트)
처리 중 오버레이 및 로딩 상태 시각화 개선
컨트롤 패널 섹션 분리 및 사용성 향상
이미지 갤러리 및 선택 시스템 통합
모든 기존 기능 보존하면서 UX 대폭 개선
CHANGE LOG
Unified UI patterns across all image tool pages
Complete rewrite of Watermark, Meme Maker, HTML to Image, AI Color Extract, Image Compress pages
Standardized pre/post upload UI flow (FileUpload + InfoCards → 2-column layout)
Implemented comprehensive Framer Motion animation system
Built modern toast notification system replacing alert()
Applied gradient header text with unique color themes per page
Optimized mobile responsive design with image size constraints
Established consistent design system (rounded corners, shadows, color palette)
Enhanced processing overlay and loading state visualization
Organized control panels into sectioned layouts for better usability
Integrated image gallery and selection system
Preserved all existing functionality while dramatically improving UX
VERSION
0.1.4.main.2025-07-10
DATE
2025.07.10
CONTENTS
AI 이미지 채색 기능 개선 - 그레이스케일 80% 이상 제한 추가
FileUpload 컴포넌트 지원 형식 변경 (JPG, PNG, BMP, WEBP)
FileUpload 픽셀 크기 제한 추가 (최대 1024x1024)
FileUpload 마우스 호버 시각화 효과 추가
FaceBlurPage 모자이크 박스 포커스 효과 개선
Header 네비게이션 메뉴 간소화 (3개 항목)
Header 모바일 여백 최적화 및 2의 배수 스페이싱 적용
Footer 인기 도구 섹션 제거 및 레이아웃 개선
Footer 브랜드명 통일 및 한 줄 배치
UpdateNotesPage 별도 페이지로 분리
UpdateNotesPage 모바일 반응형 레이아웃 적용
네이버 블로그 링크 업데이트
CHANGE LOG
Enhanced AI image colorization with 80% grayscale requirement
Updated FileUpload supported formats to JPG, PNG, BMP, WEBP
Added pixel size limitation (max 1024x1024) to FileUpload
Added hover visualization effects to FileUpload component
Improved focus effects for mosaic boxes in FaceBlurPage
Simplified Header navigation to 3 items only
Optimized Header mobile spacing with 2x spacing system
Removed popular tools section from Footer
Unified Footer brand name with single line layout
Separated UpdateNotesPage as standalone page
Applied mobile responsive layout to UpdateNotesPage
Updated Naver blog link integration
VERSION
0.1.3.main.2025-07-10
DATE
2025.07.10
CONTENTS
FaceBlurPage 디자인 완전 개편
ImageCropPage 스타일 매칭 적용
어두운 오버레이 및 밝은 선택 영역 구현
파란색 사각형 리사이즈 핸들 추가 (8개)
모자이크 박스 hover 효과 및 커서 변경
페이지 배경색 조정 (gray-50 → white)
이미지 미리보기 영역 패딩 추가
CHANGE LOG
Complete redesign of FaceBlurPage interface
Applied ImageCropPage style matching
Implemented dark overlay with bright selection areas
Added blue square resize handles (8 total)
Enhanced mosaic box hover effects and cursor changes
Adjusted page background color (gray-50 → white)
Added padding to image preview area
VERSION
0.1.2.main.2025-07-10
DATE
2025.07.10
CONTENTS
WatermarkPage 헤더 레이아웃 개선
MemeMakerPage 색상 선택기 업그레이드
react-colorful HexColorPicker 적용 (120x120px)
그라데이션 체크박스 기능 제거
폰트 색상 및 테두리 색상 선택기 개선
TypeScript 임포트 오류 해결
CHANGE LOG
Improved WatermarkPage header layout
Upgraded color picker in MemeMakerPage
Applied react-colorful HexColorPicker (120x120px)
Removed gradient checkbox functionality
Enhanced font color and stroke color pickers
Resolved TypeScript import errors
VERSION
0.1.1.main.2025-07-10
DATE
2025.07.10
CONTENTS
HTML to Image 폰트 문제 해결 가이드라인 제공
Playwright API 호출 최적화 방안 수립
CORS 허용 폰트 사용 권장사항 추가
document.fonts.ready 대기 로직 구현
자동 폰트 임포트 기능 검토
CHANGE LOG
Provided HTML to Image font issue resolution guidelines
Established Playwright API call optimization strategies
Added CORS-allowed font usage recommendations
Implemented document.fonts.ready waiting logic
Reviewed automatic font import functionality

For more information, visit our official blog