민원현장 기록 프로그램

📸 현장 사진 기록기

상태: 대기 중

민원 현장 기록 프로그램 제작 원리

이 프로그램은 **스마트폰(사용자) – 내 서버(카페24) – 노션(DB)**이라는 3단계 연결 구조로 이루어져 있습니다.

1. 전체 시스템 구조 (Flow)

  1. 사용자 (워드프레스 웹페이지): 스마트폰으로 접속하여 카메라를 켜고 사진을 찍습니다.
  2. 서버 (카페24 PHP): 찍힌 사진과 현재 위치(GPS)를 받아 서버에 저장하고, 노션 API를 호출합니다.
  3. 결과 (노션 데이터베이스): 주소와 사진 파일 링크가 자동으로 기록되어 관리자가 즉시 확인할 수 있습니다.

2. 핵심 기술 포인트

✅ 실시간 GPS 주소 변환 (Reverse Geocoding)

  • 사용자의 위도, 경도 좌표를 네이버 지도 API에 보내서 “충남 서천군 사곡리 123-4” 같은 실제 지번 주소로 바꿉니다.
  • orders=addr,legalcode 설정을 통해 단순 동네 이름이 아닌 상세 번지수까지 가져오도록 설계했습니다.

✅ 사진 최적화 및 안정성 (Image Optimization)

  • 용량 다이어트: 스마트폰 원본 사진은 너무 커서 전송 에러가 날 수 있습니다. 이를 가로 400px로 줄이고 품질을 **0.3(JPEG)**으로 압축하여 10KB 내외의 가벼운 파일로 변환했습니다.
  • 0바이트 방지: 서버가 큰 데이터를 거부하지 못하도록 PHP 설정을 통해 업로드 제한을 강제로 늘렸습니다.

✅ 중복 전송 방지 (Double-Click Protection)

  • 현장에서 실수로 버튼을 여러 번 눌러 데이터가 겹치는 것을 막기 위해, 촬영 즉시 버튼 기능을 3초간 잠금(Lock) 처리하는 로직을 넣었습니다.

댓글 남기기