자동화, 막막함 속에도, 자연어를 통해 길은 열린다

간단한 북콘서트 형식의 2시간 정도 강의안을 만들 예정이야. 
짧고 임팩트 있게, 후크성있는 한장의 포스터 형식으로 만들고 싶어. 
강사: 이상수 저자
날짜와 시간 : 9월 25일 2시 에이큐브 본사
내용 : 간단한 책 소개와 실전에 바로 사용하는 프롬프트 사용과 비법 공개 (2시간 + 알파)

실제 입력하면 DB 수집도 가능해?

직접 연결해서 만들어 줄 수 있어?

사용자가 신청하면 어디서 확인해?

# Google Forms 연동 설정 가이드

## 개요
스몰 랜딩페이지와 Google Forms를 연동하여 실제 참가 신청 데이터를 수집하는 완전한 시스템 구축 가이드입니다.

## 1단계: Google Forms 생성

### 1.1 Google Forms 접속
1. 웹브라우저에서 https://forms.google.com 접속
2. Google 계정으로 로그인
3. "새 양식 만들기" 클릭

### 1.2 양식 기본 설정
1. 양식 제목: "이상수 강사 회원의 날 참가 신청"
2. 설명: "실전 프롬프트 비법 공개 - 9월 25일 에이큐브 본사"

### 1.3 필수 필드 생성

#### 필드 1: 이름
- 질문 유형: 단답형
- 질문: "이름"
- 필수 항목: 체크

#### 필드 2: 연락처
- 질문 유형: 단답형
- 질문: "연락처"
- 필수 항목: 체크

#### 필드 3: 이메일
- 질문 유형: 단답형
- 질문: "이메일"
- 응답 검증: 이메일 주소
- 필수 항목: 체크

## 2단계: Google Sheets 연동

### 2.1 응답 연결 설정
1. Forms 상단 "응답" 탭 클릭
2. "스프레드시트에서 응답 수집" 아이콘 클릭
3. "새 스프레드시트 만들기" 선택
4. 스프레드시트 이름: "회원의 날 참가 신청자 명단"
5. "만들기" 클릭

### 2.2 자동 이메일 알림 설정
1. Google Sheets에서 "도구" → "알림 규칙" 클릭
2. "양식이 제출될 때마다" 선택
3. 이메일 주소 입력 (관리자 이메일)
4. "저장" 클릭

## 3단계: 연동 정보 추출

### 3.1 Forms Action URL 확인
1. Google Forms에서 우상단 "보내기" 클릭
2. 링크 아이콘 클릭하여 공유 URL 확인
3. URL에서 Forms ID 추출 (예시 참조)

**URL 형식:**
```
https://docs.google.com/forms/d/e/1FAIpQLSd[여기가_FORMS_ID]/viewform
```

**Action URL 형식:**
```
https://docs.google.com/forms/d/e/1FAIpQLSd[여기가_FORMS_ID]/formResponse
```

### 3.2 필드 이름 확인 방법
1. Google Forms 미리보기 페이지 열기
2. 브라우저에서 F12 키 (개발자 도구)
3. "Elements" 탭에서 입력 필드 검사
4. 각 input 태그의 name 속성 값 확인

**확인해야 할 필드:**
- 이름 필드: entry.########## (10자리 숫자)
- 연락처 필드: entry.########## (10자리 숫자)  
- 이메일 필드: entry.########## (10자리 숫자)

## 4단계: 랜딩페이지 설정 업데이트

### 4.1 설정값 수정
`index-database.html` 파일에서 다음 부분을 실제 값으로 수정:

```javascript
const GOOGLE_FORMS_CONFIG = {
    // 실제 Google Forms URL로 교체
    formUrl: 'https://docs.google.com/forms/d/e/[실제_FORMS_ID]/formResponse',
    
    // 실제 필드 이름으로 교체
    fields: {
        name: 'entry.[실제_이름_필드_번호]',
        phone: 'entry.[실제_연락처_필드_번호]',
        email: 'entry.[실제_이메일_필드_번호]'
    }
};
```

### 4.2 설정 예시
```javascript
const GOOGLE_FORMS_CONFIG = {
    formUrl: 'https://docs.google.com/forms/d/e/1FAIpQLSdABC123XYZ789/formResponse',
    fields: {
        name: 'entry.1234567890',
        phone: 'entry.9876543210',
        email: 'entry.5556667770'
    }
};
```

## 5단계: 테스트 및 확인

### 5.1 기능 테스트
1. 수정된 `index-database.html` 파일을 웹브라우저에서 열기
2. "지금 참가 신청하기" 버튼 클릭
3. 테스트 정보 입력 후 신청 완료
4. Google Sheets에서 데이터 수집 확인

### 5.2 데이터 확인 방법
1. Google Sheets 새로고침
2. 신청 데이터가 새 행에 추가되었는지 확인
3. 이메일 알림 수신 확인

### 5.3 문제 해결
- 데이터가 저장되지 않는 경우: 필드 이름 재확인
- 오류 메시지 발생 시: 브라우저 개발자 도구 콘솔 확인
- 이메일 알림이 오지 않는 경우: 스팸함 확인

## 6단계: 운영 및 관리

### 6.1 참가자 관리
- Google Sheets에서 실시간 참가자 현황 확인
- 필요시 참가자에게 개별 연락
- 참가자 수 제한 관리

### 6.2 백업 데이터
랜딩페이지는 자동으로 로컬 저장소에도 데이터를 백업합니다.
브라우저 개발자 도구에서 다음 명령어로 확인 가능:
```javascript
viewApplications()
```

### 6.3 데이터 활용
- Google Sheets에서 엑셀 파일로 내보내기
- 메일 머지 기능으로 일괄 이메일 발송
- 참가자 통계 분석

## 보안 및 개인정보 보호

### 개인정보 처리 방침
1. Google Forms 설정에서 "응답 1회로 제한" 설정
2. 개인정보 수집 목적 명시
3. 이벤트 종료 후 데이터 삭제 계획 수립

### 접근 권한 관리
1. Google Sheets 공유 설정을 "특정 사용자"로 제한
2. 관리자 계정만 편집 권한 부여
3. 정기적인 접근 권한 검토

## 추가 기능 확장

### 자동 확인 이메일
Google Forms의 "응답자에게 응답 사본 전송" 기능 활용

### 참가자 제한
Google Forms 설정에서 "응답 수락 중지" 기능으로 인원 제한 가능

### 실시간 알림
Google Apps Script를 활용한 실시간 Slack 또는 Discord 알림 연동

이 가이드를 따라 설정하면 완전한 데이터베이스 수집 시스템이 구축됩니다.