유튜브 연동 및 제보 접수 운영 데모

백엔드 없이 동작하는 자체완결형 MVP 인터랙션 목업
실시간 데모 모드

제보 접수부터 영상 링크 확인, 결제 안내, 관리자 상태 처리까지

블랙박스 및 사회 이슈 제보를 접수하고, 영상 제출 링크와 중복 여부를 확인하며, 운영자가 상태를 바꾸면 이메일 알림 흐름이 생성되는 과정을 시연합니다.

3접수된 제보
2발송 대기 알림
4자동화 단계
147,000원선택 옵션 합계

접수 자동화 흐름

1
신청 및 결제 안내기본 상품과 옵션을 합산해 예상 결제 금액을 표시합니다.
완료
2
제보 폼 접수제보자 정보, 유형, 영상 드라이브 링크를 입력합니다.
진행
3
중복 접수 방지이메일과 영상 링크 조합으로 중복 여부를 확인합니다.
검증
4
상태 변경 알림관리자가 상태를 바꾸면 이메일 알림 내역이 생성됩니다.
대기

유튜브 미리보기 영역

접수된 영상 미리보기

제보 폼에 영상 링크를 입력하면 제목과 링크 상태가 이곳에 반영됩니다.

PG 결제 옵션 자동합산

기본 금액99,000원
옵션 합계52,000원
결제 예정 금액151,000원

접수 확인

옵션 자동합산체크박스 변경 시 결제 예정 금액이 즉시 갱신됩니다.
2
PG 결제 요청데모에서는 결제 성공 알림과 접수 번호를 생성합니다.
3
접수 안내 발송결제 후 이메일 알림 목록에 안내 내역이 추가됩니다.

제보 접수 폼

이미 접수된 이메일 또는 영상 링크입니다. 관리자 화면에서 기존 접수 건을 확인하세요.

링크 검증 및 시트 반영

영상 링크 대기

공유 링크를 입력하면 제출 가능 여부를 확인합니다.

1
링크 형식 확인드라이브 공유 링크 여부를 판별합니다.
2
중복 접수 확인이메일과 영상 링크를 기존 목록과 비교합니다.
3
시트 행 추가제출 성공 시 관리자 목록에 즉시 추가됩니다.

관리자 접수 목록

접수번호 유형 이메일 상태 변경

이메일 알림 내역