Photo Frame Maker — 2026년 3월 2일
13 files+1007-75
Photo Frame Maker에 모바일 사용성을 대폭 개선하는 업데이트를 진행했습니다. 이번 작업의 핵심은 iOS와 Android의 플랫폼 특성을 반영한 다운로드 경험 최적화였습니다. 기존에는 모든 플랫폼에서 동일한 방식으로 파일을 처리했지만, iOS Safari에서는 Web Share API를 활용하여 사진앱에 직접 저장할 수 있도록 하고, Android에서는 갤러리로 바로 저장되도록 분기 처리했습니다. 특히 여러 장을 다운로드할 때 iOS에서는 공유 시트를 통해 자연스러운 경험을 제공하면서도, Android에서는 즉각적인 저장을 지원하도록 최적화했습니다.
사용자 인터페이스 개선도 함께 진행했는데, 아이폰의 Safe Area 영역 처리, 상태 바 가림 현상 수정, 그리고 모바일 입력 필드에서 불필요한 자동 확대를 방지하는 작업 등 세세한 부분까지 다듬었습니다. 또한 분할 모드에 세로 방향을 추가하여 인스타그램 캐러셀용 파노라마 사진 분할 기능을 더욱 유연하게 만들었고, 프레임 비율을 픽셀 단위로 정밀하게 조정할 수 있도록 개선했습니다.
이번 변경사항들은 Claude AI와의 협업을 통해 단계적으로 검증되고 개선되었습니다. 각 커밋마다 실제 기기에서의 테스트 피드백을 반영하면서, 모바일 웹앱으로서 네이티브 앱에 버금가는 사용자 경험을 제공하는 데 집중했습니다. 13개의 파일 변경으로 총 1,007줄의 코드를 추가하면서도 기존 기능의 안정성을 유지하는 것이 이번 업데이트의 성과라고 할 수 있습니다.
커밋 기록
docs: 2026-03-02 개발노트 및 프롬프트로그 업데이트
04:09Merge pull request #65 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
04:05feat: 여러 장 다운로드 시 iOS Safari에서 한번에 공유 지원
04:04Merge pull request #64 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
04:00fix: iOS Safari에서 저장 시 Web Share API로 사진앱 저장 지원
03:57feat: iOS 공유 시트 + Android 갤러리 저장으로 플랫폼별 분기
03:35Merge pull request #63 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
03:27feat: 모바일 다운로드 시 갤러리/사진앱에 바로 저장
03:15Merge pull request #62 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
03:01fix: 안드로이드 앱에서 다운로드 시 공유 시트 대신 바로 저장
02:58fix: 모바일 다운로드 시 공유 시트 대신 바로 파일 다운로드
02:48fix: 분할 이미지 다운로드 시 프레임 색상 대신 투명 배경 적용
02:46Merge pull request #61 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
02:43fix: 아이폰 상단 safe-area 영역을 배경으로 가리고 콘텐츠를 바 아래로 배치
02:42Merge pull request #60 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
02:41feat: 모바일에서 2장 이상 다운로드 시 ZIP 대신 이미지 파일로 공유
02:40Merge pull request #59 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
02:39feat: 분할 모드에서 프레임 UI 숨김 처리
02:30fix: iOS 상태 바에 콘텐츠 가려지는 문제 수정
02:27Revert "fix: 세로 분할 시에도 인스타 비율(3:4)로 고정"
02:23fix: 세로 분할 시에도 인스타 비율(3:4)로 고정
02:22Merge pull request #58 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
02:20fix: 모바일 input 포커스 시 숫자 키패드 표시
02:16fix: 모바일 input 포커스 시 자동 확대 방지
02:14feat: 분할 모드에 세로 방향 추가 (가로/세로 선택)
02:09Merge pull request #57 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
02:00feat: 분할 모드에서 캔버스 비율 3:4(인스타 게시물)로 고정
01:50fix: 분할 모드에서 프레임 미적용 처리
01:41Merge pull request #56 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
01:33fix: 프레임 비율 레이아웃 개선 — 슬라이더와 입력 필드 2줄 배치
01:31Merge pull request #55 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
01:24feat: 프레임 비율 px 입력 추가 & PC 사이드바 내부 스크롤 제거
01:22Add cache-control headers to prevent CDN/browser caching of static assets
22:44Merge pull request #54 from nohdaeyoung/claude/image-framing-webapp-G6Kaj
22:41feat: 사진 분할 기능 추가 (인스타그램 캐러셀용 파노라마 분할)
22:38