교회 2026-04-16 7KB 읽기 7분

Crowny Church — 구도자 여정 (복음/한국교회/간증/큐레이터)

개요

church.crowny.org 에 들어온 방문자가 "한국 교회는 이렇구나, 기독교는 이렇구나, 복음은 이렇구나" 까지 10분 안에 이해하고, 결국 "예수님에 대해서 알고 싶다"는 마음으로 이어지도록 — 4개 신규 페이지를 만들어 6단계 구도자 여정을 구성했다.

이전까지는 교회 검색 / 신앙 Q&A / 성경 / 퀴즈는 있었지만, 기독교 자체의 이해·공감·복음 설명이 비어 있었다. 이 갭을 채웠다.

설계 프레임워크

6단계 구도자 여정

단계	이름	타깃	랜딩
1	궁금합니다	기독교 생초심자	`/landscape`
2	이해하고 싶습니다	복음 핵심 궁금	`/gospel`
3	공감이 됩니다	진짜 이야기 필요	`/testimonies`
4	질문이 있습니다	의심·실존 질문	`/faith`
5	교회를 가보고 싶습니다	연결 단계	`/search`
6	성장하고 싶습니다	지속 단계	`/bible`

4축 균형 (한쪽으로 안 치우치게)

이성: 복음 논리, 교단 비교, 역사 팩트
감성: 간증 아카이브, 진짜 이야기
미학: 단계별 색 코드, 타임라인, 카드 UI
관계: 결국 교회·공동체로 이어지는 CTA

무엇을 했는가

1. 콘텐츠 라이브러리 (`src/lib/seeker-content.ts`, 438줄)

GOSPEL_STEPS: 복음 4단계 (사랑 → 단절 → 해결 → 응답)

각 단계에 성경구절 2개 + 핵심 설명 + 색상

DENOMINATIONS: 6개 주요 교단 (예장통합/합동/기감/기성/기하성/기침)

조직 연도, 교회수, 교세, 강조점, 신학 계보

KOREAN_CHURCH_HISTORY: 11개 주요 사건 (1884~2020)

카테고리: 태동/부흥/시련/성장/현대

TESTIMONIES: 9개 간증 (회심/치유/회복/부르심/역경/가정)

익명 처리 ('박○○'), 나이/지역/직업, 요약+풀스토리+말씀

KOREAN_CHURCH_TRAITS: 6개 한국적 특징

새벽기도, 통성기도, 전도 열정, 금요철야, 구역/셀, 민족사적 책임

QUICK_FAQS: 7개 실존 질문 (신앙 Q&A 페이지 확장용 씨앗)

JOURNEY_STEPS: 6단계 여정 메타데이터

2. 여정 큐레이터 (`src/pages/platform/JourneyPage.tsx`)

경로: /#/journey
6단계 카드 세로 리스트, 각 단계마다 고유 색상·번호 원형 마커
클릭하면 해당 랜딩 페이지로 이동 (landscape/gospel/testimonies/faith/search/bible)
4축 균형 설계 원칙 하단 안내

3. 복음 페이지 (`src/pages/platform/GospelPage.tsx`)

경로: /#/gospel
4단계 카드 (색상 헤더 + 원형 번호 + 제목/부제)
각 단계에 본문 + 성경구절 2개 (좌측 색 테두리)
하단 녹색 CTA: 간증 / Q&A / 교회 찾기 3선택
보조 안내: "이건 한 가지 틀, 성경 전체는 더 풍성" + 성경 읽기 링크

4. 한국 교회 파노라마 (`src/pages/platform/LandscapePage.tsx`)

경로: /#/landscape
3탭 구조: 문화적 특징 / 주요 교단 / 역사 타임라인
특징 탭: 6개 카드 2×3 그리드, "왜 독특한가" 골드 박스
교단 탭: 6개 교단 + 신학 배지, 3지표 (조직연도/교회수/교세), 강조점 태그
역사 탭: 세로 타임라인, 카테고리 색상 점 + 라벨, 연도·제목·요약
하단 CTA: 복음 → / 간증 →

5. 간증 아카이브 (`src/pages/platform/TestimoniesPage.tsx`)

경로: /#/testimonies
카테고리 필터 (전체/회심/회복/치유/역경/가정/부르심)
2열 카드 그리드: 타입 배지 + 헤드라인 + 요약(3줄 클램프) + 직업
카드 클릭 → 모달: 전체 스토리 + 핵심 말씀 + 익명화 고지
하단 골드 CTA: 복음 4단계로 / 신앙 Q&A

6. 라우터·네비 배선

src/lib/router.ts: PlatformRoute에 'journey' | 'gospel' | 'landscape' | 'testimonies' 4개 추가

src/App.tsx: import + switch 케이스 4개 추가

src/components/portal/PlatformLayout.tsx: 네비 재편성

기존 7개 → 8개 (복음/간증/한국 교회/여정 추가, 사역분석·군전역·엄선 축소)

우선순위: 교회찾기 → 복음 → 간증 → 한국교회 → 신앙Q&A → 여정 → 성경 → 퀴즈

빌드 결과

tsc --noEmit 통과 (EXIT=0)

npm run build 성공

102 모듈 (기존 97 + 5 신규)

748.89 KB (gzip 192.76 KB)

이전 대비 +41KB / +12KB(gzip)

콘텐츠 원칙 정리

판단 금지: "기독교를 받아들이라"는 압박 없음. "지금 자리에서 시작하세요"
선택권 존중: 매 페이지 하단에 3~4개 다음 단계 선택지
익명화: 간증은 '박○○' + 지역/나이/직업 — 실제 유형 기반 재구성 고지
성경 중심: 모든 복음 단계·핵심 간증에 성경구절 동반
한국 맥락: 한국 교회의 역사·특징을 세계적 독특함으로 재조명
균형: 교단 설명에 가치판단 최소화, 특징만 객관 기술

P0 완료 — 다음 단계

P1 (다음 세션 후보)

신앙 Q&A 페이지(/faith)를 QUICK_FAQS 7개로 확장 + 검색/필터
이메일/푸시 일일구독 (오늘의 말씀·간증 큐레이터)
익명 기도제목 보드

P2 (그 이후)

교단 비교 인포그래픽 (한 장으로 6교단 X→Y 좌표)
QT(큐티) 도구 — 본문·묵상·적용·기도 4단계 템플릿
음악/예술 갤러리 — 찬양 플레이리스트·기독교 미술

P3 (장기)

AI 상담 ("지금 겪는 상황 말씀 찾아드림")
교회별 간증 큐레이션 CMS (WatchPage와 동일 구조)
간증 투고 시스템 (검수 워크플로우 + 익명화 자동화)

잔여 이슈

간증 9개 → 50+개로 확장 필요 (투고 받는 구조 포함)
역사 타임라인 11개 → 20+개 확장 (교회사 1990~2020 세부화)
교단 6개 → 필요 시 고신·재림·정교회 등 추가
모든 CTA가 실제 사용자 행동으로 이어지는지 추적 지표 미설정 (GTM/Plausible 등)
번들 크기 748KB — 플랫폼 페이지 그룹은 동적 import 고려 필요
콘텐츠 감수: 교단별 팩트·신학 표현은 교단 교회 감수 받을 필요

← 이전크라우니브라우저 병행 개발 Phase 22026-04-16-crowny-browser-parallel 다음 →Crowny Church — 성경 + 퀴즈 + 교회별 청정 유튜브2026-04-16-crowny-church-성경-퀴즈-청정유튜브