기획 문서가 아니라 실제로 접속되는 서비스입니다. 신청을 받고, 저장하고, 심사하고, 그 신청자를 다시 콘텐츠 소재로 내보내는 구간까지 전부 배포되어 있습니다.
배포 주소 the101.pages.dev · 인프라 Cloudflare Pages + Functions + D1 · 월 고정비 0원
첫 화면은 THE101 워드마크와 "좋은 사람을 만나는 새로운 기준" 한 줄뿐입니다. 핑크·하트·둥근 버튼을 쓰지 않았습니다. 패션 브랜드나 프라이빗 멤버십 사이트의 문법입니다.
| 섹션 | 내용 |
|---|---|
| 히어로 | THE101 · 좋은 사람을 만나는 새로운 기준 · BY APPLICATION ONLY · 신청 버튼 |
| 01 ABOUT | "아무나 가입하는 곳이 아닙니다" — 선별 / 소수 / 비공개 3원칙 |
| 02 MEMBERS | "직업과 학력을 점수로 매기지 않습니다. 대신 태도를 봅니다" |
| 03 PROCESS | 신청 → 검토 → 개별 연락 → 소개 → 만남 이후 5단계 |
| 04 NOTICE | 모든 신청이 승인되지 않음 · 심사와 소개에만 사용 · 한 번에 한 장만 접수 |
| CTA | "좋은 사람들이 좋은 사람을 만나는 곳" → THE101 신청하기 |
모바일 퍼스트. 스크롤이 히어로를 벗어나면 상단바가 검정에서 흰색으로 바뀝니다.
결정사 수준으로 받으려면 50항목이 필요합니다. 한 페이지에 늘어놓으면 폰에서 전부 도망갑니다. 그래서 1단계를 채운 순간 DB에 행을 만들어 두었습니다. 2단계에서 이탈해도 이름·연락처·유입 카드가 남습니다.
| 단계 | 항목 |
|---|---|
| 01 기본 | 이름 · 성별 · 생년월일 · 연락처 · 카카오톡 ID · 인스타그램 ID · 거주지역(시도 + 시군구) · 소개받고 싶은 회원 |
| 02 본인 | 키 · 체형 · 흡연 · 음주 · 종교 · 혼인 상태 · 자녀 |
| 02 학력·직업 | 최종학력 · 학교 · 전공 · 직업 분야 · 직장 · 직무 · 고용 형태 · 경력 · 전문 자격 |
| 02 경제 | 연 소득 구간 · 순자산 구간 · 주거 형태 · 차량 |
| 02 검증 | 제출 가능한 증빙 — 재직증명·명함 / 졸업증명 / 전문 자격증 / 소득·자산 증빙 |
| 03 이상형 | 선호 나이 · 결혼 계획 · 중요하게 보는 것(3개) · 어려운 것 · 원하는 상대 서술 |
| 03 콘텐츠 | 공개용 표기 · 나를 한 줄로 · 자기소개 · 주변 사람들이 하는 말 · 요즘 시간을 쓰는 것 · MBTI · 해시태그 |
| 03 사진 | 대표 1장(필수) + 3장까지 추가 · 공개 범위 선택 |
경제 항목은 구간으로만 받습니다. 개인 금액은 콘텐츠에 쓰지 않고 회차 합계로만 씁니다.
신청서에는 필수 동의가 두 개입니다. 개인정보 수집·이용, 그리고 콘텐츠 게시. 무엇이 나가고 무엇이 나가지 않는지를 표로 명시했습니다.
공개용 표기, 한 줄 소개, 나이대, 키, 직업 분야, 지역, 자기소개, 주변 평가, 라이프스타일, 이상형, 사진
실명, 연락처, 카카오톡·인스타그램 ID, 직장명, 학교명, 개인별 소득·자산 금액
| 사진 공개 범위 | 선택 시 |
|---|---|
| 얼굴 가리고 공개 | 모자이크 처리 후 게시. 기본값 |
| 얼굴 그대로 공개 | 가리지 않고 게시 |
| 사진 없이 글만 | 사진은 운영진 심사용으로만 사용 |
삭제 요청 시 게시물을 내린다는 내용도 동의문에 넣었습니다. 신청자가 고른 범위를 넘기는 순간 법적 문제가 됩니다.
완료 페이지는 검정 화면에 두 문장뿐입니다. "THE101에서 신청서를 검토한 뒤 개별적으로 연락드리겠습니다." 그리고 검토 기간 안내.
신청자를 볼 수 있는 유일한 화면입니다. 공개 페이지에는 신청 내용에 닿는 경로가 없습니다.
| 영역 | 기능 |
|---|---|
| 집계 카드 | 전체 / 신규 / 검토 중 / 승인 / 보류 / 거절 — 클릭하면 해당 상태만 필터 |
| 필터 | 검색(이름·인스타·연락처·직업·회사) · 성별 · 나이 범위 · 직업 · 신청일 범위 · 작성 단계 · 정렬 5종 |
| 목록 | 이름 / 성별 / 나이 / 직업 / 신청일 / 상태 / 작성단계·노출여부·메모수 |
| 상세 패널 | 심사 상태 · 카드뉴스 노출 등록 · 사진 · 기본정보 · 프로필 · 이상형 · 콘텐츠 원고 · 운영진 메모 · 이력 |
| 운영진 메모 | 자유 기록 + 빠른 입력 4종("프로필 괜찮음", "직업 확인 필요", "인스타 확인 완료", "A그룹과 매칭 후보") |
| CSV | 현재 상태 필터 기준 전체 내려받기 |
데스크톱은 표, 모바일은 카드로 전환됩니다. 폰으로도 심사가 됩니다.
레퍼런스(주선왕 소개팅)와 같은 구조로 가면 아류로 읽힙니다. 우리가 가져가는 축은 검증입니다. 상대의 "실제 회원임 100% 보장" 배지 대신, 확인한 항목을 하나씩 공개합니다. "남들이 말하는 나의 매력"(본인 서술) 대신 주변 사람이 실제로 한 말을 인용합니다.
7컷 포맷 · 캡션 공식 · 주간 편성 · 금지선은 별도 문서로 정리되어 있습니다. (카드뉴스_제작_프로세스.md)
| 테이블 | 역할 |
|---|---|
| users | 사람. 연락처로 유일. 재신청·재참여가 생겨도 한 행으로 유지된다 |
| profiles | 신상 · 학력 · 직업 · 자산. 결정사 등급과 매칭의 근거가 되는 층 |
| preferences | 이상형. 매칭 알고리즘이 붙을 자리 |
| applications | 신청 건. 콘텐츠 동의와 공개 범위는 회차별로 다를 수 있어 여기 둔다 |
| application_photos | 사진. 목록 조회에 딸려 나오지 않도록 분리 |
| admin_notes | 운영진 메모 |
| status_events | 상태 변경 이력 |
확장분 events · event_participants · matches · payments 는 초안만 써 두고 적용하지 않았습니다. 1회차를 돌려 실제 모양이 드러난 뒤 붙이는 편이 낫습니다. 전부 users.id 를 물고 붙습니다.
| 조치 | 왜 |
|---|---|
| Supabase 대신 D1 | 클라이언트에 DB 키가 나가는 구조를 피했다. 신상·사진이 있는 서비스에서 anon 키 노출은 곧 유출이다 |
| 사진 인증 경로 | /api/admin/photo 로만 나간다. 공개 URL 이 아예 존재하지 않는다 |
| HMAC 서명 쿠키 | HttpOnly · Secure · 12시간. 브라우저 스크립트가 읽지 못한다 |
| 비밀번호는 시크릿 | 소스에 없다. Cloudflare 시크릿에만 존재한다 |
| edit_token | 신청서 id 만 알아도 2·3단계를 덮어쓸 수 없다 |
| noindex | 신청서·완료·어드민은 검색에 잡히지 않는다 |
남은 것 — 어드민에 Cloudflare Access 를 한 겹 더 올릴 예정입니다. 현재는 비밀번호 단일 방어입니다.
| 구분 | 주소 · 파일 | 상태 |
|---|---|---|
| 웹 서비스 | the101.pages.dev | 라이브 |
| 신청서 | the101.pages.dev/apply | 라이브 · 3단계 |
| 운영 | the101.pages.dev/admin | 라이브 · 비밀번호 |
| 행사 구성안 | the101-deck.pages.dev | 웹 14장 + PPTX |
| 제작 현황 | 이 문서 | 웹 + PPTX |
| 카드뉴스 SOP | 소개팅-이벤트 / 카드뉴스_제작_프로세스.md | 7컷 포맷 확정 |
| DB | Cloudflare D1 · the101-db | 7테이블 · 현재 0건 |
| 소스 | OneDrive / the101 | public · functions · schema |
| 할 일 | 왜 막혀 있나 |
|---|---|
| 1호 소재 확보 | 신청자가 0명이다. 첫 3~4명은 지인 섭외로 채워야 순환이 시작된다 |
| 전용 인스타 계정 | 본 계정과 분리해야 공격적인 소재를 쓸 수 있다 |
| 증빙 수집 경로 | 재직증명을 카톡 채널로 받을지 이메일로 받을지 미정. 검증 문구가 여기에 달려 있다 |
| 로고 반영 | 현재 워드마크가 타이포다. 원본 파일을 받으면 교체 |
| 신청 알림 | 접수 시 카톡·문자 알림 미연결. 지금은 어드민을 직접 봐야 한다 |
| Cloudflare Access | 어드민 2차 방어. 비밀번호 단일 방어 상태 |
| 커스텀 도메인 | pages.dev 유지 여부 결정 필요 |
| QR 하트 매칭 | 행사 당일용 별도 화면. 10/31 전까지 필요 |