사진대장 생성 Wep App

스마트폰 브라우저에서 앱 설치 없이 바로 쓸 수 있는 사진대장(Photo Report) 작성 웹앱입니다. 사진을 한 장씩(또는 여러 장) 추가하고 설명을 적으면, A4 규격 사진대장 문서를 자동으로 구성해 PDF로 출력하거나 메일로 보낼 수 있습니다.

🔗 바로 사용하기: https://audition4111-netizen.github.io/Photo-Report/

주요 기능

• 파일명 입력 후 PDF 출력
• 스마트폰 사진 앨범에서 사진 추가 (한 장 또는 여러 장 한 번에 선택, 최대 30장)
• 사진별 설명 입력 (여러 줄 지원, 자동 높이 조절, 출력 시 가운데 정렬)
• 사진 변경 / 90도 회전 / 삭제
• [순서 이동]을 눌러 옮길 순번을 선택하는 방식으로 사진 순서 변경
• A4 세로 페이지에 사진 4장(2×2)씩 자동 배치, 5장부터 다음 페이지 자동 생성
• A4 미리보기 (실제 출력과 동일한 레이아웃)
• PDF 출력: 실제 PDF 파일 생성, 스마트폰에서 바로 다운로드
• 메일로 전송: PDF를 자동 다운로드하면서 Gmail 작성 화면을 새 탭으로 열어줌 (첨부는 Gmail 화면에서 직접 추가)
• 문서 보관함(선택): 로그인하면 출력한 PDF가 자동 저장되고 나중에 조회 가능 → 설정 방법은 SUPABASE-SETUP.md
• 보관함 문서 수정: 매뉴얼·고장 보고서는 출력할 때 작성 화면을 되살릴 수 있는 원본도 함께 저장됩니다. 보관함에서 [수정] 을 누르면 그때 썼던 사진·설명· 입력값이 그대로 돌아오고, 다시 출력하면 같은 문서에 덮어쓰기 됩니다. 매뉴얼은 내용이 달라지면 개정번호가 자동으로 1 올라갑니다. → 쓰려면 db/edit-source.sql 을 한 번 실행해야 하고, 그 전에 만든 문서는 되살릴 원본이 없어 수정할 수 없습니다.
• 보관함을 설정하지 않으면 서버/DB/로그인 없이 브라우저 안에서만 동작
• 작성 중 [임시저장]을 누르면 앱을 닫아도 이어서 작성 가능 (기기 안에 보관, 서버로 올라가지 않음)
• 앱으로 설치해서 사용 가능 (아래 참고)

앱으로 설치하기

브라우저 즐겨찾기가 아니라 홈 화면 아이콘이 있는 앱으로 설치됩니다. 설치하면 주소창 없이 전체화면으로 열리고, 신호가 약한 곳에서도 켜집니다.

기기	방법
Android (Chrome / 삼성 인터넷)	사이트 접속 → 하단이나 메뉴(⋮)의 [앱 설치] / [홈 화면에 추가]
iPhone / iPad (Safari)	사이트 접속 → 공유 버튼 ⇧ → [홈 화면에 추가]
PC (Chrome / Edge)	주소창 오른쪽 설치 아이콘(⊕) 클릭

ℹ️ iPhone은 Safari로 접속해야 홈 화면에 추가할 수 있습니다. Chrome 등 다른 브라우저에서는 메뉴에 항목이 나타나지 않습니다.

설치 후 업데이트는 자동입니다. 앱을 열 때 새 버전이 있으면 바로 받아 옵니다. (따로 재설치할 필요 없습니다)

오프라인 동작 범위

기능	인터넷 없이
문서 작성 · 사진 추가 · 편집 · 미리보기 · PDF 출력	✅ 됩니다
임시저장 · 이어서 작성	✅ 됩니다
로그인 · 보관함 저장 · 보관함 조회 · 메일 전송	❌ 인터넷 필요

사용 방법

1. 파일명을 입력합니다.
2. [사진 추가]로 사진을 한 장 또는 여러 장 선택합니다.
3. 사진 아래에 설명을 입력합니다. (최대 30장까지 반복)
4. 필요하면 변경 / 회전 / 삭제, 드래그로 순서 변경을 합니다.
5. [미리보기]로 A4 페이지 구성을 확인합니다.
6. [PDF 출력]으로 다운로드하거나, [메일로 전송]으로 PDF 다운로드 + Gmail 작성 화면을 한 번에 엽니다.

만든이의 사용 가이드 추천사항

1. 물품 구매 후 ERP 첨부의 사진대장 작성 시 사용

• 작성된 사진대장을 [메일로 전송]을 통해 회사메일로 전송
• 자료 교환 후 ERP 첨부로 사용

2. 모바일 홈 화면에 배치하여 사용

• 휴대폰 검색으로 [브라우저] 실행 후 **바로 사용하기의 주소를 복사하여 실행
• 실행화면의 우측 하단 눌러 [현재 페이지 추가]-[홈 화면]으로 저장

---

만든이: Steven Kim