DKsequence 현장 운영 시스템

00

시스템 전체 흐름 한눈에 보기

데이터가 어디서 어디로 흐르는지 한 장으로

1차 자동화 — 예약 수신 및 기록

네이버 예약

고객이 예약·결제

예약 확인 메일

✉️

자동 수신

Make.com

메일 파싱·자동화

데이터 추출

▶

자동 기록

1차 시트

DK_Reservation_Master

캘린더 등록

▶

알림 설정

구글 캘린더

일정 + 알림

체크인 당일, 1차 시트 데이터를 불러와서 현장 운영 시작

2차 운영 — 현장 체크인 및 촬영 저장

앱스 스크립트

대시보드 + 백엔드

Safari로 접속

▶

체크인 화면

아이패드

체크인 + 촬영

팝업 열기

▶

카메라 촬영

GitHub Pages

camera.html

촬영 완료

▶

자동 저장

구글 드라이브

사진 자동 저장

2차 시트

체크인 기록

범례

Make.com 자동화

구글 서비스

구글 스토리지

GitHub Pages

네이버

01

이 시스템이 뭔가요?

중학생도 이해할 수 있게 설명합니다

쉽게 말하면

고객이 네이버에서 예약하면 — 자동으로 태블릿에 목록이 뜨고, 현장에서 체크인하고 사진 찍으면 구글 드라이브에 자동 저장되는 시스템입니다.

1차 자동화 (완성)

네이버 예약 메일 → Make → 구글 시트 + 캘린더 자동 기록

2차 자동화 (완성)

아이패드 체크인 + 촬영 → 드라이브 + 시트 자동 저장

02

전체 흐름

처음부터 끝까지 무슨 일이 일어나는지

1

고객 행동

네이버에서 예약

고객이 네이버 예약 서비스에서 날짜·시간·상품을 선택하고 결제까지 완료합니다. 이 순간 네이버가 자동으로 예약 확인 메일을 보냅니다.

네이버 예약

2

자동화 — Make

메일 수신 → 데이터 파싱

Make.com 이 네이버 메일함을 감시하고 있다가 새 예약 메일이 오면 자동으로 잡아챕니다. 메일 내용에서 예약번호, 날짜, 시간, 상품명, 인원수 등을 꺼내냅니다.

시나리오 이름: Integration Email, Google Sheets

Make.com 자동 실행

3

1차 저장

구글 시트 + 캘린더 기록

Make가 꺼낸 예약 정보를 구글 스프레드시트에 한 줄씩 추가합니다. 동시에 구글 캘린더에도 일정이 등록되어 촬영일 알림을 받을 수 있습니다.

저장되는 시트: DK_Reservation_Master → reservations 탭

구글 시트 구글 캘린더

4

현장 운영 — 아이패드

대시보드에서 예약 목록 확인

촬영 당일, 운영 요원이 아이패드 Safari에서 운영 웹앱을 엽니다. 시간 탭(13:00~17:00)을 누르면 해당 타임의 예약 고객 목록이 자동으로 불러와집니다.

앱 주소: script.google.com 앱스 스크립트 웹앱 URL

아이패드 Safari

5

체크인

고객 카드 탭 → 정보 입력

고객이 도착하면 목록에서 해당 고객 카드를 탭합니다. 1차 예약 정보(예약번호, 상품, 시간)가 자동으로 표시됩니다. 운영 요원이 실명, 이메일, 전화번호를 입력하고 개인정보 동의를 받습니다.

실명 확인 동의 수집

6

촬영

촬영 창 열기 → 네임보드 + 카메라

'촬영 창 열기' 버튼을 누르면 팝업 창이 열립니다. 상단에 고객 이름이 크게 표시된 네임보드가 뜨고, 아래에 카메라 화면이 나옵니다. '카메라 시작' → '촬영하기' 버튼으로 머그샷을 찍습니다.

팝업 주소: dksequence.github.io/operation/camera.html

GitHub Pages 팝업 아이패드 카메라

7

자동 저장

드라이브 + 2차 시트 자동 기록

촬영 완료 즉시 3단계가 자동으로 진행됩니다.
① 사진 파일이 구글 드라이브에 저장 (파일명: 날짜_예약번호_실명.jpg)
② 체크인 정보가 2차 스프레드시트에 한 줄 추가
③ 대시보드에서 해당 고객이 '완료' 상태로 변경

구글 드라이브 2차 시트 기록 완료 처리

03

파일 지도

어디에 뭐가 있는지 한눈에

파일명	위치	역할	종류
Code.gs 앱스 스크립트 프로젝트 안	Google Apps Script 20260408_dk_management_v101	시스템의 두뇌. 예약 조회, 체크인 저장, 드라이브 폴더 생성, 사진 저장을 모두 담당	백엔드
index.html 앱스 스크립트 프로젝트 안	Google Apps Script 20260408_dk_management_v101	아이패드에서 보이는 메인 화면. 대시보드, 체크인 폼, 동의 화면, 저장 중 화면, 완료 화면	프론트엔드
camera.html GitHub Pages /operation/ 폴더	github.com/dksequence/ dksequence.github.io	카메라 전용 팝업 페이지. 네임보드 표시 + 카메라 촬영. iOS Safari 카메라 권한 문제 해결용으로 분리	카메라 팝업
DK_Reservation_Master 구글 스프레드시트	Google Sheets 탭: reservations	1차 데이터. Make가 네이버 예약 메일을 받아서 여기에 자동으로 기록함. 예약번호, 날짜, 시간, 상품명, 인원 등 포함	1차 데이터
PhotoManagement_DOC_DKsequence 구글 스프레드시트	Google Sheets 탭: 2차_체크인	2차 데이터. 현장 체크인 시 자동 기록됨. 실명, 이메일, 전화, 동의 여부, 사진 URL, 드라이브 폴더 URL 포함	2차 데이터
DKsequence_중문별장 구글 드라이브	내 드라이브 → 0001_DKsequence_file → DKsequence_중문별장	사진 저장 루트 폴더. 날짜/시간/고객명 순으로 자동 하위 폴더 생성됨	사진 저장소
Integration Email, Google Sheets Make.com	make.com → My Organization → Scenarios	1차 자동화 시나리오. 네이버 메일 감시 → 파싱 → 구글 시트 + 캘린더 기록	자동화

04

실제 URL & ID 모음

중요한 주소들 — 잃어버리면 찾기 어려우니 보관 필수

주의

아래 ID와 URL은 외부에 공개하지 마세요. 구글 드라이브와 스프레드시트에 무단 접근이 가능해집니다.

현장 운영 앱 (아이패드에서 여는 주소)

https://script.google.com/macros/s/AKfycbwoqVAZVZclcog_8hGo6W5xKCGWdK9HHRCw-CtidsA3sygtPJatZ88b82iouE0brF0G/exec

카메라 팝업 페이지 (자동으로 열림, 직접 열 필요 없음)

https://dksequence.github.io/operation/camera.html

앱스 스크립트 편집 주소 (코드 수정 시)

https://script.google.com/home/projects/1k1tW6IH3zDcvxUTmeYkHlv7dBUVVjwA7v3tv5c68p87ea1lPk62Fb8v3/edit

1차 스프레드시트 ID

1llMx1e7JYdGG5l1OOJiGvFoi4TvdlL9LEaZo9GiBUN4

2차 스프레드시트 ID

1TVzwgFW5oaqL2e0LjCZl0ZPc_gxcr7cFESZ-sqOIjeU

구글 드라이브 루트 폴더 ID

1MJlGEFWKN4ipSQp5e-cEmPSFJ7gyGvMN

GitHub 저장소

github.com/dksequence/dksequence.github.io → /operation/ 폴더

Make.com 시나리오

make.com → My Organization → Scenarios → Integration Email, Google Sheets

05

스프레드시트 컬럼 설명

각 시트에 어떤 데이터가 들어있는지

1차 시트 — DK_Reservation_Master → reservations 탭

Make가 네이버 메일을 받아서 자동 기록 (수동 수정 금지)

컬럼명	내용	예시
received_at	메일 수신 시각	2026-04-07T...
mail_subject	메일 제목	[네이버 예약] 홍*동님
reservation_name	예약자명 (마스킹)	홍*동님
reservation_applied_at	예약 신청 시각	2026.04.07. 19:30:55
reservation_no	예약번호 (10자리)	1202237764
product_name	상품명	두컷화보
use_date	촬영일	2026.04.08
use_time	촬영 시간	14:00
people_count	인원수	2
booking_status	예약 상태	확정
calendar_registered	캘린더 등록 여부	Y

2차 시트 — PhotoManagement_DOC_DKsequence → 2차_체크인 탭

현장 체크인 시 앱스 스크립트가 자동 기록

컬럼명	내용	비고
checkin_at	체크인 시각	자동
date	촬영일 (20260408)	자동
time	타임 (14:00)	자동
reservation_no	예약번호 or 현장코드	자동
masked_name	마스킹 이름 (홍*동님)	자동
real_name	실명 (현장 확인)	운영요원 입력
product	상품명	자동
people	인원	자동
email	이메일	고객 입력
phone	전화번호	고객 입력
privacy_consent	개인정보 동의 Y/N	필수
sns_consent	SNS 활용 동의 Y/N	선택
memo	특이사항	선택
type	예약 / 현장접수	자동
photo_path	머그샷 드라이브 URL	자동
folder_url	고객 폴더 URL	자동
delivery_status	납품 상태	수동 업데이트

06

현장 운영 사용법

촬영 당일 운영 요원이 따라하는 순서

1

아이패드 Safari에서 앱 열기

홈화면에 저장된 'DKsequence 현장운영' 아이콘을 탭합니다. 또는 Safari에서 script.google.com 앱 URL을 직접 입력합니다.

2

시간 탭 선택

상단 탭에서 현재 타임(예: 14:00)을 탭합니다. 해당 타임 예약 고객 목록이 자동으로 불러와집니다. 완료된 고객은 흐리게 표시됩니다.

3

고객 카드 탭 → 체크인 화면

도착한 고객의 카드를 탭합니다. 체크인 화면에서 실명을 확인하고 입력합니다. 이메일, 전화번호를 받아서 입력하고 개인정보 동의를 받습니다. (▼ 눌러서 내용 확인 가능)

4

촬영 창 열기 → 카메라 시작 → 촬영

'촬영 창 열기' 버튼 탭 → 팝업 창에서 '카메라 시작' 탭 → 권한 허용 → '촬영하기' 버튼으로 머그샷 촬영. 촬영 완료 후 팝업이 자동으로 닫힙니다.

5

자동 저장 확인 후 다음 고객

저장 중 화면에서 3단계(드라이브 저장 → 시트 기록 → 완료처리)가 순서대로 완료됩니다. '다음 고객' 버튼을 탭하면 대시보드로 돌아갑니다.

현장 결제 고객 (예약 없는 손님)

대시보드 하단 '+ 신규 고객 추가' 버튼을 탭합니다. 접수 코드가 자동 생성(20260408-W1 형식)되고 이름, 시간, 상품, 결제 방법을 입력 후 촬영하면 됩니다.

07

드라이브 폴더 구조

사진이 어디에 어떻게 저장되는지

내 드라이브
└── 0001_DKsequence_file
    └── DKsequence_중문별장  ← 루트 폴더 (ID: 1MJlGEFWKN...)
        └── 2026               ← 연도 (자동 생성)
            └── 20260408        ← 촬영일 (자동 생성)
                ├── 13:00        ← 시간대 (자동 생성)
                │   ├── 1202237764_홍길동  ← 고객 폴더 (자동 생성)
                │   │   └── 20260408_1202237764_홍길동.jpg  ← 머그샷
                │   └── 20260408-W1_김철수  ← 현장접수 고객
                ├── 14:00
                └── 15:00

3차 개발 예정

미러리스 본촬영 사진도 같은 고객 폴더에 추가됩니다. 머그샷으로 누가 누구인지 확인 후 폴더링 작업을 진행합니다.

08

문제 해결 가이드

뭔가 안 될 때 여기를 보세요

예약 목록이 불러오기 실패로 나와요

1차 스프레드시트(DK_Reservation_Master)에 해당 날짜 데이터가 있는지 확인하세요. 앱스 스크립트에서 배포가 최신 버전인지 확인하세요. (배포 → 배포 관리 → 버전 확인)

카메라가 안 열려요

아이패드 설정 → Safari → 카메라가 '묻기' 또는 '허용'으로 되어 있는지 확인하세요. 팝업 창이 차단됐다면 Safari 설정에서 팝업 허용으로 바꿔주세요.

사진 저장은 됐는데 시트 기록이 안 돼요

앱스 스크립트 실행 로그에서 오류를 확인하세요. (code 편집기 → 실행 로그 탭) 2차 스프레드시트 ID가 Code.gs CONFIG에 올바르게 입력되어 있는지 확인하세요.

Make 자동화가 멈춘 것 같아요

make.com에 접속해서 'Integration Email, Google Sheets' 시나리오가 켜져 있는지 확인하세요. (오른쪽 토글이 파란색이면 ON) 실행 기록에서 오류가 있는지 확인하세요.

코드 수정 후 아이패드에 반영이 안 돼요

앱스 스크립트 코드 수정 후에는 반드시 재배포가 필요합니다. 배포 → 배포 관리 → 연필 아이콘 → 새 버전 → 배포. Safari에서 새로고침하면 반영됩니다.

09

코드 수정 후 재배포 방법

Code.gs 또는 index.html을 수정했을 때

1

script.google.com 접속

20260408_dk_management_v101 프로젝트를 엽니다.

2

코드 수정 후 저장

Code.gs 또는 index.html을 수정하고 Ctrl+S로 저장합니다.

3

배포 → 배포 관리

오른쪽 상단 '배포' 버튼 클릭 → '배포 관리' 클릭 (새 배포 아님!)

4

연필 아이콘 → 새 버전 → 배포

기존 배포 오른쪽 연필(✏️) 클릭 → 버전 드롭다운에서 '새 버전' 선택 → '배포' 버튼 클릭

5

camera.html 수정 시 — GitHub만

camera.html은 GitHub에만 있습니다. github.com/dksequence/dksequence.github.io → operation/camera.html → ✏️ 편집 → 수정 → Commit changes

중요

Code.gs의 CONFIG 블록에 있는 ROOT_FOLDER_ID, SHEET_1ST_ID, SHEET_2ND_ID 세 값은 절대 바꾸지 마세요. 이 값이 바뀌면 데이터가 엉뚱한 곳에 저장됩니다.