공개 문서
docs/reference/notion-skooldev-tutor-pre.md
아래는 docs/reference/notion-skooldev-tutor-pre.md 와 동일한 원문입니다. Markdown과 HTML 변환 결과를 각각 복사할 수 있습니다.
공개 문서 원문 (Markdown)
<!-- Notion Reference: Skooldev-tutor-pre -->
<!-- 추출일: 2026-03-20 -->
<!-- 원본 ID: 1f710791e818803e960dd6a5d48afbe8 -->
# Skooldev-tutor-pre
# 회원 가입
## [Github](https://github.com/)
`Sign up` 버튼을 눌러 회원가입 창으로 이동해주세요.
사용하시는 Email과 원하시는 Password과 Username을 입력하고 `Continue 버튼`을 눌러주세요.
## [Cursor](https://www.cursor.com/)
`Sign In` 버튼을 눌러 로그인 창으로 이동해주세요.
`Continue with GitHub` 버튼을 눌러 위에서 가입한 Github 계정으로 로그인해주세요.
## [Tally](https://tally.so/)
`Sign up` 버튼을 눌러 회원가입 창으로 이동해주세요.
`Continue with Google` 버튼을 눌러 Google 계정으로 로그인해주세요.
본인의 용도에 맞는 항목을 선택 후 `Take me to Tally` 버튼을 눌러주세요.
## [Vercel](https://vercel.com/home)
`Sign up` 버튼을 눌러 회원가입 창으로 이동해주세요.
`I'm working on personal projects` 버튼을 눌러주세요.
Your Name에 원하시는 닉네임(영어만 입력가능)을 입력하고 `Continue` 버튼을 눌러주세요.
# 설치
## [Cursor](https://www.cursor.com/)
`Downlaod For {현재 컴퓨터의 운영체제}` 버튼을 눌러서 다운 받아주세요.
## [node](https://nodejs.org/ko)
`Node.js 다운로드 (LTS)` 버튼을 눌러서 node를 다운로드 받아주세요.
# 준비
우측 상단의 `복제` 버튼을 클릭하여 **노션 페이지를 복사해놓으시는 것을 추천**드려요.
> 📌 만들고 싶은 서비스의 `랜딩페이지`를 만드는 커리큘럼이예요.
> **하단에 만들고 싶은 서비스의 기획을 3~4줄**로 간략하게 작성해주세요.
>
>
>
> <u>**…너는 경력 10년 이상의 베테랑 기획자야.
> 내 아이디어를 기반으로 랜딩페이지 제작용 기획서를 작성해줘.
> 다른 사족은 붙이지 말고 기획서의 내용만을 답변해줘
> 아래 내용을 중심으로 정리해줘:**</u>
>
> - <u>**서비스 이름**</u>
>
> - <u>**핵심 기능 요약**</u>
>
> - <u>**주요 타겟 사용자**</u>
>
> - <u>**사용자에게 어떤 효과나 가치를 주는지**</u>
>
> - <u>**가격 정책**</u>
>
> - <u>**디자인 컨셉 아이디어 (톤앤매너, 색상, 레이아웃 등)**</u>
>
> <u>**내 아이디어는 다음과 같아:**</u>
>
> <u>**요즘같은 정보 과부하 시대에는 정보를 흡수하는 시간이 오래걸림.**</u>
>
> <u>**링크나 텍스트, 파일을 주면 요약해주는 AI 서비스.**</u>
>
> <u>**유튜브 같은 영상 링크도 whisper같은 speech to text Al 모델로 음성 을 텍스트로 전환하여 요약**</u>
>
>
>
> ## 1. 랜딩페이지 제작 기획서
>
>
>
> **1. 서비스 이름**
>
> - 코어브리핑 (CoreBriefing)
>
> - 부제: AI 정보 요약 솔루션
>
> **2. 핵심 기능 요약**
>
> - AI 기반 텍스트, 웹 링크(URL), 문서 파일(PDF, DOCX 등) 내용 자동 요약
>
> - YouTube 영상 링크 입력 시, 음성인식(STT) 기술로 스크립트 추출 후 핵심 내용 요약
>
> - 요약 결과의 길이 조절 옵션 제공 (짧게/중간/길게)
>
> - 주요 키워드 자동 추출 및 하이라이팅
>
> **3. 주요 타겟 사용자**
>
> - **학생 및 연구원:** 논문, 연구자료, 강의자료 학습 시간 단축 및 핵심 파악
>
> - **직장인 (기획자, 마케터, 개발자 등):** 업무 관련 문서, 보고서, 시장 동향, 기술 문서의 신속한 내용 습득
>
> - **콘텐츠 크리에이터:** 방대한 자료 조사 시간 절감 및 콘텐츠 아이디어 발굴 효율 증대
>
> - **정보 습득에 민감한 일반 사용자:** 뉴스 기사, 블로그 포스트, 긴 글의 핵심 내용만 빠르게 소비
>
> **4. 사용자에게 어떤 효과나 가치를 주는지**
>
> - **시간 절약:** 정보 탐색 및 이해에 소요되는 시간을 획기적으로 단축하여 핵심에 집중
>
> - **생산성 향상:** 빠른 정보 습득을 통해 업무 효율 및 학습 능률 극대화
>
> - **정보 접근성 개선:** 복잡하고 긴 내용의 정보에 대한 심리적 장벽 해소 및 이해도 증진
>
> - **의사결정 지원:** 핵심 정보를 바탕으로 빠르고 정확한 판단 지원
>
> - **지식 확장:** 다양한 분야의 정보를 부담 없이 접하고 습득 가능
>
> **5. 가격 정책**
>
> - **Free Plan (무료):**
>
> - **Basic Plan (월정액):**
>
> - **Pro Plan (월정액):**
>
> **6. 디자인 컨셉 아이디어**
>
> - **톤앤매너:**
>
> - **색상:**
>
> - **레이아웃:**
>
> - **폰트:** 가독성 높은 산세리프체 (예: Noto Sans KR, Pretendard, Spoqa Han Sans Neo) 사용. 제목과 본문 폰트 굵기/크기 명확히 구분.
# 2. 화면 설계서 작성 with [GPTs](https://chatgpt.com/g/g-x1eLXooxe-sangsepeiji-gihoegjaj-2030)
이 서비스를 페이크 도어 테스트하기 위해서 랜딩 페이지를 제작하려 해.
다른 사족은 붙이지 말고 화면 설계서의 내용만을 답변해줘
- 버튼 클릭 시 이름/이메일 입력 폼 → 노션 API로 웨이팅 리스트 등록
- 전환 흐름:
1. CTA 클릭
2. 간단한 폼 (이름, 이메일)
3. 등록 완료 후 메시지: “🎉 웨이팅 리스트 등록 완료! 출시되면 가장 먼저 알려드릴게요.”
- 원페이지 스크롤형 랜딩 페이지
- 사용 시나리오 예시 포함
- 요약 데모는 실제로 동작하지 않고 예시 UI로만 구성
아래 기획서를 바탕으로 화면 설계서를 만들어줘:
**[서비스 기획서]**
**1. 서비스 이름**
- 코어브리핑 (CoreBriefing)
- 부제: AI 정보 요약 솔루션
**2. 핵심 기능 요약**
- AI 기반 텍스트, 웹 링크(URL), 문서 파일(PDF, DOCX 등) 내용 자동 요약
- YouTube 영상 링크 입력 시, 음성인식(STT) 기술로 스크립트 추출 후 핵심 내용 요약
- 요약 결과의 길이 조절 옵션 제공 (짧게/중간/길게)
- 주요 키워드 자동 추출 및 하이라이팅
**3. 주요 타겟 사용자**
- **학생 및 연구원:** 논문, 연구자료, 강의자료 학습 시간 단축 및 핵심 파악
- **직장인 (기획자, 마케터, 개발자 등):** 업무 관련 문서, 보고서, 시장 동향, 기술 문서의 신속한 내용 습득
- **콘텐츠 크리에이터:** 방대한 자료 조사 시간 절감 및 콘텐츠 아이디어 발굴 효율 증대
- **정보 습득에 민감한 일반 사용자:** 뉴스 기사, 블로그 포스트, 긴 글의 핵심 내용만 빠르게 소비
**4. 사용자에게 어떤 효과나 가치를 주는지**
- **시간 절약:** 정보 탐색 및 이해에 소요되는 시간을 획기적으로 단축하여 핵심에 집중
- **생산성 향상:** 빠른 정보 습득을 통해 업무 효율 및 학습 능률 극대화
- **정보 접근성 개선:** 복잡하고 긴 내용의 정보에 대한 심리적 장벽 해소 및 이해도 증진
- **의사결정 지원:** 핵심 정보를 바탕으로 빠르고 정확한 판단 지원
- **지식 확장:** 다양한 분야의 정보를 부담 없이 접하고 습득 가능
**5. 가격 정책**
- **Free Plan (무료):**
- 월간 요약 횟수/분량 제한 (예: 월 5회, 텍스트 1,000자, 영상 5분 미만)
- 기본 요약 기능 제공
- 광고 노출
- **Basic Plan (월정액):**
- 월 9,900원 (가칭)
- 월간 충분한 요약 횟수/분량 제공 (예: 월 50회, 텍스트 5,000자, 영상 30분 미만)
- 파일 업로드 요약 지원
- 광고 제거
- **Pro Plan (월정액):**
- 월 19,900원 (가칭)
- 요약 횟수/분량 무제한 또는 매우 넉넉하게 제공
- 모든 기능 제한 없이 사용 (고급 요약 옵션, 요약본 저장/관리 등)
- 우선 고객 지원
**6. 디자인 컨셉 아이디어**
- **톤앤매너:**
- **신뢰성(Trustworthy) & 전문성(Professional):** AI 기술 기반 서비스의 정교함과 믿음 강조
- **간결함(Simple) & 명료함(Clear):** 정보 과부하를 해결하는 서비스의 직관성 부각
- **혁신적(Innovative) & 사용자 친화적(User-friendly):** 최신 기술을 누구나 쉽게 활용 가능
- **색상:**
- **주요 색상:** 딥 블루 (Deep Blue, #0A2A54) 또는 네이비 (Navy, #1C3144) - 신뢰감, 안정감, 기술적 깊이
- **보조 색상:** 밝은 블루 (Light Blue, #4A90E2) 또는 청록색 (Teal, #22A7F0) - 명확함, 혁신, 시원한 해결책
- **강조 색상:** 오렌지 (Orange, #F5A623) 또는 민트 (Mint, #7ED321) - CTA 버튼, 중요 정보 강조, 긍정적 효과
- **배경/텍스트:** 화이트(White), 라이트 그레이(Light Gray) - 가독성, 깔끔함
- **레이아웃:**
- **Hero Section:**
- 서비스명과 핵심 가치("정보의 홍수 속, 핵심만 빠르게!")를 명확히 전달하는 헤드라인.
- URL 입력창 또는 파일 업로드 버튼을 직관적으로 배치.
- 배경은 추상적인 데이터 흐름이나 정보가 정리되는 시각적 이미지 활용.
- **Problem/Solution:**
- 정보 과부하의 어려움을 간결하게 제시 (Pain Point).
- '코어브리핑'이 어떻게 이를 해결하는지 명확하게 설명 (Solution).
- **How it Works:**
- 3~4단계의 간단한 아이콘과 설명으로 서비스 이용 과정 안내 (예: 1. 링크/파일 입력 -> 2. AI 분석/요약 -> 3. 핵심 결과 확인).
- **Features:**
- 핵심 기능(텍스트, 링크, 파일, YouTube 요약)을 아이콘과 함께 시각적으로 소개. 각 기능별 짧은 데모 GIF나 이미지 활용.
- **Benefits/Use Cases:**
- 타겟 사용자별 활용 예시와 그로 인해 얻는 실질적 가치를 구체적으로 제시.
- **Pricing Table:**
- 각 플랜별 기능과 가격을 명확히 비교하여 보여줌.
- **Call to Action (CTA):**
- "무료로 시작하기", "지금 바로 요약 경험하기" 등 명확하고 강력한 CTA 버튼 반복 배치.
- **전반적 스타일:**
- 모던하고 미니멀한 디자인.
- 충분한 여백(Whitespace) 활용으로 가독성 및 집중도 향상.
- 모바일 반응형 디자인 최우선 고려.
- **폰트:** 가독성 높은 산세리프체 (예: Noto Sans KR, Pretendard, Spoqa Han Sans Neo) 사용. 제목과 본문 폰트 굵기/크기 명확히 구분.
## 3. 코어브리핑 랜딩 페이지 화면 설계서 (페이크 도어 테스트용)
**I. 개요**
- **프로젝트명:** 코어브리핑 (CoreBriefing) 페이크 도어 랜딩 페이지
- **목표:** 서비스 출시 전 잠재 고객의 관심도 측정 및 웨이팅 리스트 확보
- **페이지 타입:** 원페이지 스크롤형 랜딩 페이지
- **전환 흐름:**
1. CTA 버튼 클릭
2. 이름, 이메일 입력 폼 (모달 팝업)
3. 입력 정보 노션 API 통해 웨이팅 리스트 등록
4. 등록 완료 메시지: "🎉 웨이팅 리스트 등록 완료! 출시되면 가장 먼저 알려드릴게요."
- **특이사항:** 실제 요약 기능은 제공되지 않으며, 모든 기능 시연은 예시 UI 이미지 또는 최소한의 인터랙션으로 구성
**II. 페이지 구조 (섹션별 상세 설계)**
---
**1. Navigation Bar (상단 고정)**
- **좌측:**
- **로고:** "CoreBriefing" 텍스트 또는 심플한 아이콘 로고
- **우측:**
- **메뉴 (앵커 링크):** 서비스 소개 | 주요 기능 | 사용 사례 | 가격 정책 (선택적)
- **CTA 버튼:** [출시 알림 신청] (강조 색상)
- 클릭 시: 페이지 하단 CTA 섹션으로 스크롤 또는 웨이팅 리스트 등록 폼 모달 팝업
---
**2. Hero Section (화면 최상단)**
- **배경:** 추상적인 데이터 흐름 또는 정보가 정리되는 시각적 이미지 (딥 블루 계열)
- **중앙 정렬 콘텐츠:**
- **서비스명:** CoreBriefing
- **부제:** AI 정보 요약 솔루션
- **메인 캐치프레이즈 (H1):** 정보의 홍수 속, 핵심만 빠르게!
- **서브 설명 (P):** 링크, 텍스트, 파일, 유튜브 영상까지 AI가 핵심만 요약해 드립니다. 더 이상 정보 탐색에 시간을 낭비하지 마세요.
- **[페이크] 요약 입력 UI (시각적 요소, 실제 동작 X):**
- 탭 UI: [URL] [텍스트] [파일] [YouTube] (기본 선택: URL)
- 입력창: "요약할 링크를 입력하세요..." placeholder 텍스트
- 버튼: [요약하기] (강조 색상)
- 클릭 시: 웨이팅 리스트 등록 폼 모달 팝업
- **CTA 버튼 (상단 CTA와 동일):** [출시 알림 신청하기] (강조 색상)
- 클릭 시: 웨이팅 리스트 등록 폼 모달 팝업
---
**3. Problem / Solution Section (문제 제기 및 해결책 제시)**
- **소제목 (H2):** 혹시, 이런 어려움을 겪고 계신가요?
- **문제점 제시 (카드 또는 아이콘+텍스트 형태, 3~4개):**
- "읽어야 할 정보는 너무 많은데, 시간이 부족해요."
- "긴 글이나 영상을 다 보고 핵심을 파악하기 힘들어요."
- "중요한 내용을 놓칠까 봐 불안해요."
- **전환 문구:** 코어브리핑이 해결해 드립니다!
- **솔루션 소개 (H3):** 코어브리핑은 AI 기술로 어떤 정보든 핵심만 정확하게 요약하여 당신의 시간을 아껴드립니다.
---
**4. How it Works Section (서비스 이용 방법 - 예시 UI)**
- **소제목 (H2):** 코어브리핑, 3단계로 끝! (정말 쉬워요)
- **단계별 설명 (아이콘 + 간략 텍스트 + 예시 UI 이미지):**
- **Step 1: 정보 입력**
- 아이콘: 업로드/링크 아이콘
- 설명: 요약하고 싶은 텍스트, 파일, 웹/유튜브 링크를 입력하세요.
- 예시 UI: 다양한 입력 타입(URL, 텍스트, 파일 아이콘)을 보여주는 간소화된 입력 화면 이미지
- **Step 2: AI 분석 및 요약**
- 아이콘: AI/분석 아이콘
- 설명: 코어브리핑 AI가 실시간으로 내용을 분석하고 핵심을 추출합니다.
- 예시 UI: 분석 중임을 나타내는 로딩 애니메이션 또는 진행 바 이미지
- **Step 3: 요약 결과 확인**
- 아이콘: 문서/돋보기 아이콘
- 설명: 깔끔하게 정리된 요약본과 주요 키워드를 바로 확인하세요!
- 예시 UI: 요약된 텍스트(짧은 버전)와 하이라이트된 키워드가 보이는 결과 화면 이미지
---
**5. Features Section (주요 기능 소개 - 예시 UI)**
- **소제목 (H2):** 코어브리핑의 핵심 기능, 미리보기
- **기능 나열 (아이콘 + 기능명 + 설명 + 예시 UI 이미지):**
- **다양한 정보 요약:**
- 설명: 텍스트, 웹 페이지(URL), 문서 파일(PDF, DOCX), YouTube 영상까지 모두 요약 가능합니다.
- 예시 UI: 각 타입별 아이콘과 함께 "요약된 [타입] 내용입니다..." 형태의 짧은 결과물 예시
- **맞춤형 요약 길이 조절:**
- 설명: 상황에 맞게 [짧게], [중간], [길게] 요약 길이를 선택할 수 있습니다.
- 예시 UI: 길이 선택 버튼(짧게/중간/길게)이 활성화된 모습과, 각 선택에 따라 요약 텍스트 길이가 달라지는 듯한 이미지
- **핵심 키워드 자동 추출:**
- 설명: AI가 본문의 핵심 키워드를 자동으로 추출하고 하이라이트 해줍니다.
- 예시 UI: 요약문 내에 특정 단어들이 다른 색으로 하이라이트 되어 있는 이미지
---
**6. Use Cases Section (사용 시나리오 예시)**
- **소제목 (H2):** 코어브리핑, 이런 분들께 강력 추천!
- **타겟 사용자별 시나리오 (카드 형태 또는 탭 UI):**
- **학생/연구원:**
- 상황: "방대한 논문과 강의 자료, 핵심만 빠르게 파악하고 싶을 때"
- 효과: 학습 시간 단축! 깊이 있는 이해!
- 예시 UI: 논문 PDF 아이콘 -> 코어브리핑 요약 아이콘 -> 웃는 학생 아이콘
- **직장인 (기획/마케팅/개발 등):**
- 상황: "쏟아지는 업무 문서와 시장 동향, 신속하게 내용을 따라잡아야 할 때"
- 효과: 업무 효율 극대화! 빠른 의사결정!
- 예시 UI: 보고서 파일 아이콘 -> 코어브리핑 요약 아이콘 -> 업무 성과 그래프 아이콘
- **콘텐츠 크리에이터:**
- 상황: "다양한 자료 조사, 아이디어 발굴에 드는 시간을 줄이고 싶을 때"
- 효과: 정보 수집 시간 절반으로! 창의력 UP!
- 예시 UI: 여러 웹페이지 아이콘 -> 코어브리핑 요약 아이콘 -> 반짝이는 아이디어 전구 아이콘
- **정보에 민감한 일반 사용자:**
- 상황: "긴 뉴스 기사, 블로그 포스트의 핵심만 골라보고 싶을 때"
- 효과: 정보 과부하 해소! 스마트한 정보 소비!
- 예시 UI: 뉴스 아이콘 -> 코어브리핑 요약 아이콘 -> 만족스러운 표정의 일반인 아이콘
---
**7. Benefits Section (사용자 가치 전달)**
- **소제목 (H2):** 코어브리핑으로 당신의 일상이 달라집니다
- **가치 나열 (아이콘 + 가치명 + 짧은 설명):**
- **압도적인 시간 절약:** 정보 탐색과 이해에 소요되는 시간, 평균 70% 단축! (예시 수치)
- **생산성 극대화:** 핵심 정보에 집중하여 업무 및 학습 효율 UP!
- **정보 접근성 향상:** 복잡한 정보도 쉽게 이해하고, 지식의 폭을 넓히세요.
- **현명한 의사결정:** 핵심만 빠르게 파악하여 더 나은 결정을 내릴 수 있도록 지원합니다.
---
**8. Pricing Section (가격 정책 - 간략 버전)**
- **소제목 (H2):** 곧 출시될 코어브리핑, 합리적인 플랜을 기대하세요!
- **안내 문구:** 정식 출시 시, 여러분의 필요에 맞는 다양한 요금제를 제공할 예정입니다. 지금 웨이팅 리스트에 등록하고 출시 소식과 함께 특별 할인 혜택을 가장 먼저 받아보세요!
- **(선택적) 플랜 간략 소개 (아이콘 + 플랜명 - 가격 미표시):**
- **Free Plan:** 가볍게 시작하고 싶은 분들을 위한 무료 플랜
- **Basic Plan:** 합리적인 가격으로 더 많은 기능을!
- **Pro Plan:** 전문가를 위한 모든 기능 무제한 제공!
- **CTA 버튼:** [출시 알림 신청하고 혜택받기] (강조 색상)
- 클릭 시: 웨이팅 리스트 등록 폼 모달 팝업
---
**9. Final CTA Section (마지막 행동 유도)**
- **메인 메시지 (H2):** 정보의 핵심을 잡는 가장 스마트한 방법,
- **서비스명 강조 (H1 스타일):** CoreBriefing
- **마지막 어필:** 지금 바로 출시 알림을 신청하고, 정보 과부하 시대의 승자가 되세요!
- **CTA 버튼 (페이지 내 가장 큰 버튼):** [지금 바로 출시 알림 신청하기] (강조 색상)
- 클릭 시: 웨이팅 리스트 등록 폼 모달 팝업
---
**10. Footer Section (하단 정보)**
- **좌측:** © 2024 CoreBriefing. All Rights Reserved.
- **우측 (선택적):** 개인정보처리방침 | 이용약관 (실제 링크 없이 텍스트만)
---
**III. 웨이팅 리스트 등록 폼 (모달 팝업)**
- **팝업 제목:** 🚀 코어브리핑 출시 알림 신청
- **안내 문구:** 가장 먼저 코어브리핑 출시 소식을 받아보세요! 특별한 혜택도 준비 중입니다.
- **입력 필드:**
- **이름:** [ ] (Placeholder: 이름을 입력해주세요) *필수
- **이메일:** [ ] (Placeholder: 이메일 주소를 입력해주세요) *필수, 이메일 형식 유효성 검사
- **동의 항목:**
- [Checkbox] 개인정보 수집 및 이용에 동의합니다. (필수) [자세히 보기] (링크 X, 텍스트만)
- **버튼:** [등록하고 출시 소식 받기] (비활성화 상태, 필수 항목 입력 및 동의 시 활성화, 강조 색상)
- 클릭 시:
- 입력 데이터 (이름, 이메일) 노션 API로 전송
- 성공 시: 등록 완료 메시지 표시 (현재 팝업 내용 변경 또는 새 팝업)
- 실패 시: 에러 메시지 표시 (예: "등록 중 오류가 발생했습니다. 다시 시도해주세요.")
---
**IV. 등록 완료 메시지 (폼 제출 성공 시, 모달 팝업 내용 변경 또는 새 팝업)**
- **아이콘:** 🎉
- **메인 메시지 (H3):** 웨이팅 리스트 등록 완료!
- **부가 메시지:** 코어브리핑이 출시되면 가장 먼저 이메일로 알려드릴게요. 조금만 기다려주세요!
- **버튼:** [확인] (클릭 시 팝업 닫힘)
---
**V. 디자인 가이드라인 (기존 기획서 참고)**
- **톤앤매너:** 신뢰성, 전문성, 간결함, 명료함, 혁신적, 사용자 친화적
- **색상:**
- 주요: 딥 블루 (#0A2A54) / 네이비 (#1C3144)
- 보조: 밝은 블루 (#4A90E2) / 청록색 (#22A7F0)
- 강조 (CTA 버튼 등): 오렌지 (#F5A623) / 민트 (#7ED321)
- 배경/텍스트: 화이트, 라이트 그레이
- **레이아웃:** 모던, 미니멀, 충분한 여백, 모바일 반응형 최우선
- **폰트:** 가독성 높은 산세리프체 (Noto Sans KR, Pretendard 등)
---
공개 문서 변환 코드 (HTML)
<!-- Notion Reference: Skooldev-tutor-pre -->
<!-- 추출일: 2026-03-20 -->
<!-- 원본 ID: 1f710791e818803e960dd6a5d48afbe8 --><h1>Skooldev-tutor-pre</h1>
<h1>회원 가입</h1>
<h2><a href="https://github.com/">Github</a></h2>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/46feff12-ff04-41eb-a2c7-647b4586c24f/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=0fee63a40b4809871059a988faa36dfa4c08f4200847d85e8a55bc80af4a1ed5&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Sign up</code> 버튼을 눌러 회원가입 창으로 이동해주세요.</p>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/027ee0ba-4bfb-43ac-90ea-978eacc08912/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=b56b717ff25e55b9e2bba83dbc2660cf487b5d0b3ef166f2550850bb21f126dd&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p>사용하시는 Email과 원하시는 Password과 Username을 입력하고 <code>Continue 버튼</code>을 눌러주세요.</p>
<h2><a href="https://www.cursor.com/">Cursor</a></h2>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/a7a59ba2-7d8d-457f-93ba-45e179c88a96/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=70ed821ee004d5db982bd7a96e8e3869ddc958228478aabc5335a9459f5dc147&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Sign In</code> 버튼을 눌러 로그인 창으로 이동해주세요.</p>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/f272441e-b006-44d6-8d8a-30c424b9b121/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=8dcb35d02c26a6b9d9015267f69f27fd40b11d7a6fc6c08eda76e671edf8bf36&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Continue with GitHub</code> 버튼을 눌러 위에서 가입한 Github 계정으로 로그인해주세요.</p>
<h2><a href="https://tally.so/">Tally</a></h2>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/48b0a3d5-10b1-4a9d-beb4-bc284266522e/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=e3e9d456f5f5d35d48541c42cc55e79798d56235707aa8356a78291e5dfdd53b&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Sign up</code> 버튼을 눌러 회원가입 창으로 이동해주세요.</p>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/c5e09e12-9a41-4ddd-b8ba-e9d5e16af888/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=9983c3d7d740b47e3d6bb98e6bce2472b2fccd6a93b7c248af0eb935d9397c86&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Continue with Google</code> 버튼을 눌러 Google 계정으로 로그인해주세요.</p>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/2e28aab8-b5e8-40c6-ae31-f738b387f74b/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=bf0ea5bd5c2fe46ac42087b7b41d59f0f67d17c55f2bbd8e1b8890a69670a3c0&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p>본인의 용도에 맞는 항목을 선택 후 <code>Take me to Tally</code> 버튼을 눌러주세요.</p>
<h2><a href="https://vercel.com/home">Vercel</a></h2>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/b96addee-8054-4317-a977-f28a1c888206/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=100750da65218f738f46e7291c987107d69ca1e6f84186b59b8455f79285ec55&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Sign up</code> 버튼을 눌러 회원가입 창으로 이동해주세요.</p>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/de088671-63f4-4917-8acd-f6c57f5a87eb/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=a2b467370af1e94102eb31e23602d06df5989cde93c281972564016864a5e50a&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>I'm working on personal projects</code> 버튼을 눌러주세요.</p>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/6cdfdc72-5af5-457a-b9d1-9e13753a29e6/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=7aa2784d43082116631e22b43f9788572205c1eafdba85674fbc46662f9b0df7&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p>Your Name에 원하시는 닉네임(영어만 입력가능)을 입력하고 <code>Continue</code> 버튼을 눌러주세요.</p>
<h1>설치</h1>
<h2><a href="https://www.cursor.com/">Cursor</a></h2>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/a54fa30a-07f2-45a7-929e-d4d9a82f1ad8/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=d4e25864738adffd76253c6b9e8b4f96c5e4e707e8ba4a4e264676aefe1741d9&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Downlaod For {현재 컴퓨터의 운영체제}</code> 버튼을 눌러서 다운 받아주세요.</p>
<h2><a href="https://nodejs.org/ko">node</a></h2>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/d2fe7fff-e671-45e8-9896-7d2f13f9f99c/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=2fc87dc8bbc159a11922762d21e5dcf6ee16d8b7b1cb55dacc80f3dc859cd090&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p><code>Node.js 다운로드 (LTS)</code> 버튼을 눌러서 node를 다운로드 받아주세요.</p>
<h1>준비</h1>
<p><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/5c5e6818-d0bf-4b95-8581-2b7959c3df3c/2b5e7497-014f-46a2-9932-1957d40069af/image.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466VD6VU4RE%2F20260320%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260320T085753Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEGkaCXVzLXdlc3QtMiJGMEQCIBRvRhKaXNbSaXzDmwumz67C4c5dQHvEsGhDPx9wTnVMAiAeiGELH4KVsSzhNYPAfv5xjm3F%2FZxdkmwc%2FZeA1rov8ir%2FAwgyEAAaDDYzNzQyMzE4MzgwNSIM0diQYfyLVvRCa58zKtwDRm3dcp5y6r2JGyC2UGZ2%2BuwbkRqLBGVZKCQwrmwOKJnCg%2BVY0OQ%2Froq7FosBD5QzivNA4e7WXjfoOLacdXWa%2BbzqMGI5xclKNvgqQIAHJy%2FU2yQotHvd%2Frz%2BWJG%2Fg7RBOttIQws9ca7%2BV5O%2F54rEn6Yuld%2Bov%2BOLLesRRqwAKsA2qAsF3fUqbzue4Kn06kt5kdJSk4VCY7MTIjxcbJgOmrFobvw%2FnxDHwuyBjW2wAGi5nOY4vUikFre%2FFWxhAgOWHBJaBLfe5WBgHMc1n1Pu29Gp%2FiszwYvzcHzyPxTdDpwoLoj6EdpJCZ7cQWOI1CF9J9GSg6X%2BVjut0RA5yxk49TfZ3W4GEUdWCZxtdK7DE9%2BcfQF1NXJO4f3TBGsyl%2FWbgwExlCurB1TD5fDjfN7By4b8X%2B%2FicLQIOWiFY4peWdM4V4Zuon3G357YMQVM6rsjTfd1ty1Eav1%2F0nFM8BiTVM%2BA4pHExmhi%2BGFuMkBKleUVZDXuvIC89jUh9pnoRPhXWPhcFqRlLvg0np0nR%2FaBASPTLiD6s%2FUcWhCWUmCKoWuFDiRTxXqcMkVlL%2BWpsSwkTNDPVEGm%2BjOji%2BPhdH%2FHhHaYNuyZ0UUbyoxknTnuekKKixzkwWMvsdSjQmwwmJP0zQY6pgGYqjXav3cnHixvj3PnhiAu9faTPXaInosq0KdcAInzTwCeB964G5Ov0pju5vtjQGOU3wPKBXlqtqEHbJg3ty7Qtiqz2H1zLIb37V06giHoYR0Sw6wG7D7XmrbvFqciSl%2FQbtLIH18OdLEBvpmwhViTiFWLQJpIczIfk31n7h11nnuiyEDFZNpHJeZx5i1bPA1Jebp16gdeD%2BeydUYZGgfY%2BhS%2BQVWi&X-Amz-Signature=16bbb57d6118c0e24fc4607906cad55f0cea7ee608aa92dd99a609450faaee70&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject" alt="image.png"></p>
<p>우측 상단의 <code>복제</code> 버튼을 클릭하여 <strong>노션 페이지를 복사해놓으시는 것을 추천</strong>드려요.</p>
<blockquote>
<p>📌 만들고 싶은 서비스의 <code>랜딩페이지</code>를 만드는 커리큘럼이예요.<br><strong>하단에 만들고 싶은 서비스의 기획을 3~4줄</strong>로 간략하게 작성해주세요. </p>
<p><u><strong>…너는 경력 10년 이상의 베테랑 기획자야.<br>내 아이디어를 기반으로 랜딩페이지 제작용 기획서를 작성해줘.<br>다른 사족은 붙이지 말고 기획서의 내용만을 답변해줘<br>아래 내용을 중심으로 정리해줘:</strong></u> </p>
<ul>
<li><p><u><strong>서비스 이름</strong></u> </p>
</li>
<li><p><u><strong>핵심 기능 요약</strong></u> </p>
</li>
<li><p><u><strong>주요 타겟 사용자</strong></u> </p>
</li>
<li><p><u><strong>사용자에게 어떤 효과나 가치를 주는지</strong></u> </p>
</li>
<li><p><u><strong>가격 정책</strong></u> </p>
</li>
<li><p><u><strong>디자인 컨셉 아이디어 (톤앤매너, 색상, 레이아웃 등)</strong></u></p>
</li>
</ul>
<p><u><strong>내 아이디어는 다음과 같아:</strong></u> </p>
<p><u><strong>요즘같은 정보 과부하 시대에는 정보를 흡수하는 시간이 오래걸림.</strong></u> </p>
<p><u><strong>링크나 텍스트, 파일을 주면 요약해주는 AI 서비스.</strong></u> </p>
<p><u><strong>유튜브 같은 영상 링크도 whisper같은 speech to text Al 모델로 음성 을 텍스트로 전환하여 요약</strong></u> </p>
<h2>1. 랜딩페이지 제작 기획서</h2>
<p><strong>1. 서비스 이름</strong> </p>
<ul>
<li><p>코어브리핑 (CoreBriefing) </p>
</li>
<li><p>부제: AI 정보 요약 솔루션</p>
</li>
</ul>
<p><strong>2. 핵심 기능 요약</strong> </p>
<ul>
<li><p>AI 기반 텍스트, 웹 링크(URL), 문서 파일(PDF, DOCX 등) 내용 자동 요약 </p>
</li>
<li><p>YouTube 영상 링크 입력 시, 음성인식(STT) 기술로 스크립트 추출 후 핵심 내용 요약 </p>
</li>
<li><p>요약 결과의 길이 조절 옵션 제공 (짧게/중간/길게) </p>
</li>
<li><p>주요 키워드 자동 추출 및 하이라이팅</p>
</li>
</ul>
<p><strong>3. 주요 타겟 사용자</strong> </p>
<ul>
<li><p><strong>학생 및 연구원:</strong> 논문, 연구자료, 강의자료 학습 시간 단축 및 핵심 파악 </p>
</li>
<li><p><strong>직장인 (기획자, 마케터, 개발자 등):</strong> 업무 관련 문서, 보고서, 시장 동향, 기술 문서의 신속한 내용 습득 </p>
</li>
<li><p><strong>콘텐츠 크리에이터:</strong> 방대한 자료 조사 시간 절감 및 콘텐츠 아이디어 발굴 효율 증대 </p>
</li>
<li><p><strong>정보 습득에 민감한 일반 사용자:</strong> 뉴스 기사, 블로그 포스트, 긴 글의 핵심 내용만 빠르게 소비</p>
</li>
</ul>
<p><strong>4. 사용자에게 어떤 효과나 가치를 주는지</strong> </p>
<ul>
<li><p><strong>시간 절약:</strong> 정보 탐색 및 이해에 소요되는 시간을 획기적으로 단축하여 핵심에 집중 </p>
</li>
<li><p><strong>생산성 향상:</strong> 빠른 정보 습득을 통해 업무 효율 및 학습 능률 극대화 </p>
</li>
<li><p><strong>정보 접근성 개선:</strong> 복잡하고 긴 내용의 정보에 대한 심리적 장벽 해소 및 이해도 증진 </p>
</li>
<li><p><strong>의사결정 지원:</strong> 핵심 정보를 바탕으로 빠르고 정확한 판단 지원 </p>
</li>
<li><p><strong>지식 확장:</strong> 다양한 분야의 정보를 부담 없이 접하고 습득 가능</p>
</li>
</ul>
<p><strong>5. 가격 정책</strong> </p>
<ul>
<li><p><strong>Free Plan (무료):</strong> </p>
</li>
<li><p><strong>Basic Plan (월정액):</strong> </p>
</li>
<li><p><strong>Pro Plan (월정액):</strong></p>
</li>
</ul>
<p><strong>6. 디자인 컨셉 아이디어</strong> </p>
<ul>
<li><p><strong>톤앤매너:</strong> </p>
</li>
<li><p><strong>색상:</strong> </p>
</li>
<li><p><strong>레이아웃:</strong> </p>
</li>
<li><p><strong>폰트:</strong> 가독성 높은 산세리프체 (예: Noto Sans KR, Pretendard, Spoqa Han Sans Neo) 사용. 제목과 본문 폰트 굵기/크기 명확히 구분.</p>
</li>
</ul>
</blockquote>
<h1>2. 화면 설계서 작성 with <a href="https://chatgpt.com/g/g-x1eLXooxe-sangsepeiji-gihoegjaj-2030">GPTs</a></h1>
<p>이 서비스를 페이크 도어 테스트하기 위해서 랜딩 페이지를 제작하려 해.
다른 사족은 붙이지 말고 화면 설계서의 내용만을 답변해줘</p>
<ul>
<li>버튼 클릭 시 이름/이메일 입력 폼 → 노션 API로 웨이팅 리스트 등록</li>
<li>전환 흐름: <ol>
<li>CTA 클릭</li>
<li>간단한 폼 (이름, 이메일)</li>
<li>등록 완료 후 메시지: “🎉 웨이팅 리스트 등록 완료! 출시되면 가장 먼저 알려드릴게요.”</li>
</ol>
</li>
<li>원페이지 스크롤형 랜딩 페이지</li>
<li>사용 시나리오 예시 포함</li>
<li>요약 데모는 실제로 동작하지 않고 예시 UI로만 구성</li>
</ul>
<p>아래 기획서를 바탕으로 화면 설계서를 만들어줘:
<strong>[서비스 기획서]</strong></p>
<p><strong>1. 서비스 이름</strong></p>
<ul>
<li>코어브리핑 (CoreBriefing)</li>
<li>부제: AI 정보 요약 솔루션</li>
</ul>
<p><strong>2. 핵심 기능 요약</strong></p>
<ul>
<li>AI 기반 텍스트, 웹 링크(URL), 문서 파일(PDF, DOCX 등) 내용 자동 요약</li>
<li>YouTube 영상 링크 입력 시, 음성인식(STT) 기술로 스크립트 추출 후 핵심 내용 요약</li>
<li>요약 결과의 길이 조절 옵션 제공 (짧게/중간/길게)</li>
<li>주요 키워드 자동 추출 및 하이라이팅</li>
</ul>
<p><strong>3. 주요 타겟 사용자</strong></p>
<ul>
<li><strong>학생 및 연구원:</strong> 논문, 연구자료, 강의자료 학습 시간 단축 및 핵심 파악</li>
<li><strong>직장인 (기획자, 마케터, 개발자 등):</strong> 업무 관련 문서, 보고서, 시장 동향, 기술 문서의 신속한 내용 습득</li>
<li><strong>콘텐츠 크리에이터:</strong> 방대한 자료 조사 시간 절감 및 콘텐츠 아이디어 발굴 효율 증대</li>
<li><strong>정보 습득에 민감한 일반 사용자:</strong> 뉴스 기사, 블로그 포스트, 긴 글의 핵심 내용만 빠르게 소비</li>
</ul>
<p><strong>4. 사용자에게 어떤 효과나 가치를 주는지</strong></p>
<ul>
<li><strong>시간 절약:</strong> 정보 탐색 및 이해에 소요되는 시간을 획기적으로 단축하여 핵심에 집중</li>
<li><strong>생산성 향상:</strong> 빠른 정보 습득을 통해 업무 효율 및 학습 능률 극대화</li>
<li><strong>정보 접근성 개선:</strong> 복잡하고 긴 내용의 정보에 대한 심리적 장벽 해소 및 이해도 증진</li>
<li><strong>의사결정 지원:</strong> 핵심 정보를 바탕으로 빠르고 정확한 판단 지원</li>
<li><strong>지식 확장:</strong> 다양한 분야의 정보를 부담 없이 접하고 습득 가능</li>
</ul>
<p><strong>5. 가격 정책</strong></p>
<ul>
<li><strong>Free Plan (무료):</strong><ul>
<li>월간 요약 횟수/분량 제한 (예: 월 5회, 텍스트 1,000자, 영상 5분 미만)</li>
<li>기본 요약 기능 제공</li>
<li>광고 노출</li>
</ul>
</li>
<li><strong>Basic Plan (월정액):</strong><ul>
<li>월 9,900원 (가칭)</li>
<li>월간 충분한 요약 횟수/분량 제공 (예: 월 50회, 텍스트 5,000자, 영상 30분 미만)</li>
<li>파일 업로드 요약 지원</li>
<li>광고 제거</li>
</ul>
</li>
<li><strong>Pro Plan (월정액):</strong><ul>
<li>월 19,900원 (가칭)</li>
<li>요약 횟수/분량 무제한 또는 매우 넉넉하게 제공</li>
<li>모든 기능 제한 없이 사용 (고급 요약 옵션, 요약본 저장/관리 등)</li>
<li>우선 고객 지원</li>
</ul>
</li>
</ul>
<p><strong>6. 디자인 컨셉 아이디어</strong></p>
<ul>
<li><strong>톤앤매너:</strong><ul>
<li><strong>신뢰성(Trustworthy) & 전문성(Professional):</strong> AI 기술 기반 서비스의 정교함과 믿음 강조</li>
<li><strong>간결함(Simple) & 명료함(Clear):</strong> 정보 과부하를 해결하는 서비스의 직관성 부각</li>
<li><strong>혁신적(Innovative) & 사용자 친화적(User-friendly):</strong> 최신 기술을 누구나 쉽게 활용 가능</li>
</ul>
</li>
<li><strong>색상:</strong><ul>
<li><strong>주요 색상:</strong> 딥 블루 (Deep Blue, #0A2A54) 또는 네이비 (Navy, #1C3144) - 신뢰감, 안정감, 기술적 깊이</li>
<li><strong>보조 색상:</strong> 밝은 블루 (Light Blue, #4A90E2) 또는 청록색 (Teal, #22A7F0) - 명확함, 혁신, 시원한 해결책</li>
<li><strong>강조 색상:</strong> 오렌지 (Orange, #F5A623) 또는 민트 (Mint, #7ED321) - CTA 버튼, 중요 정보 강조, 긍정적 효과</li>
<li><strong>배경/텍스트:</strong> 화이트(White), 라이트 그레이(Light Gray) - 가독성, 깔끔함</li>
</ul>
</li>
<li><strong>레이아웃:</strong><ul>
<li><strong>Hero Section:</strong><ul>
<li>서비스명과 핵심 가치("정보의 홍수 속, 핵심만 빠르게!")를 명확히 전달하는 헤드라인.</li>
<li>URL 입력창 또는 파일 업로드 버튼을 직관적으로 배치.</li>
<li>배경은 추상적인 데이터 흐름이나 정보가 정리되는 시각적 이미지 활용.</li>
</ul>
</li>
<li><strong>Problem/Solution:</strong><ul>
<li>정보 과부하의 어려움을 간결하게 제시 (Pain Point).</li>
<li>'코어브리핑'이 어떻게 이를 해결하는지 명확하게 설명 (Solution).</li>
</ul>
</li>
<li><strong>How it Works:</strong><ul>
<li>3~4단계의 간단한 아이콘과 설명으로 서비스 이용 과정 안내 (예: 1. 링크/파일 입력 -> 2. AI 분석/요약 -> 3. 핵심 결과 확인).</li>
</ul>
</li>
<li><strong>Features:</strong><ul>
<li>핵심 기능(텍스트, 링크, 파일, YouTube 요약)을 아이콘과 함께 시각적으로 소개. 각 기능별 짧은 데모 GIF나 이미지 활용.</li>
</ul>
</li>
<li><strong>Benefits/Use Cases:</strong><ul>
<li>타겟 사용자별 활용 예시와 그로 인해 얻는 실질적 가치를 구체적으로 제시.</li>
</ul>
</li>
<li><strong>Pricing Table:</strong><ul>
<li>각 플랜별 기능과 가격을 명확히 비교하여 보여줌.</li>
</ul>
</li>
<li><strong>Call to Action (CTA):</strong><ul>
<li>"무료로 시작하기", "지금 바로 요약 경험하기" 등 명확하고 강력한 CTA 버튼 반복 배치.</li>
</ul>
</li>
<li><strong>전반적 스타일:</strong><ul>
<li>모던하고 미니멀한 디자인.</li>
<li>충분한 여백(Whitespace) 활용으로 가독성 및 집중도 향상.</li>
<li>모바일 반응형 디자인 최우선 고려.</li>
</ul>
</li>
</ul>
</li>
<li><strong>폰트:</strong> 가독성 높은 산세리프체 (예: Noto Sans KR, Pretendard, Spoqa Han Sans Neo) 사용. 제목과 본문 폰트 굵기/크기 명확히 구분.</li>
</ul>
<h2>3. 코어브리핑 랜딩 페이지 화면 설계서 (페이크 도어 테스트용)</h2>
<p><strong>I. 개요</strong></p>
<ul>
<li><strong>프로젝트명:</strong> 코어브리핑 (CoreBriefing) 페이크 도어 랜딩 페이지</li>
<li><strong>목표:</strong> 서비스 출시 전 잠재 고객의 관심도 측정 및 웨이팅 리스트 확보</li>
<li><strong>페이지 타입:</strong> 원페이지 스크롤형 랜딩 페이지</li>
<li><strong>전환 흐름:</strong><ol>
<li>CTA 버튼 클릭</li>
<li>이름, 이메일 입력 폼 (모달 팝업)</li>
<li>입력 정보 노션 API 통해 웨이팅 리스트 등록</li>
<li>등록 완료 메시지: "🎉 웨이팅 리스트 등록 완료! 출시되면 가장 먼저 알려드릴게요."</li>
</ol>
</li>
<li><strong>특이사항:</strong> 실제 요약 기능은 제공되지 않으며, 모든 기능 시연은 예시 UI 이미지 또는 최소한의 인터랙션으로 구성</li>
</ul>
<p><strong>II. 페이지 구조 (섹션별 상세 설계)</strong></p>
<hr>
<p><strong>1. Navigation Bar (상단 고정)</strong></p>
<ul>
<li><strong>좌측:</strong><ul>
<li><strong>로고:</strong> "CoreBriefing" 텍스트 또는 심플한 아이콘 로고</li>
</ul>
</li>
<li><strong>우측:</strong><ul>
<li><strong>메뉴 (앵커 링크):</strong> 서비스 소개 | 주요 기능 | 사용 사례 | 가격 정책 (선택적)</li>
<li><strong>CTA 버튼:</strong> [출시 알림 신청] (강조 색상)<ul>
<li>클릭 시: 페이지 하단 CTA 섹션으로 스크롤 또는 웨이팅 리스트 등록 폼 모달 팝업</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<p><strong>2. Hero Section (화면 최상단)</strong></p>
<ul>
<li><strong>배경:</strong> 추상적인 데이터 흐름 또는 정보가 정리되는 시각적 이미지 (딥 블루 계열)</li>
<li><strong>중앙 정렬 콘텐츠:</strong><ul>
<li><strong>서비스명:</strong> CoreBriefing</li>
<li><strong>부제:</strong> AI 정보 요약 솔루션</li>
<li><strong>메인 캐치프레이즈 (H1):</strong> 정보의 홍수 속, 핵심만 빠르게!</li>
<li><strong>서브 설명 (P):</strong> 링크, 텍스트, 파일, 유튜브 영상까지 AI가 핵심만 요약해 드립니다. 더 이상 정보 탐색에 시간을 낭비하지 마세요.</li>
<li><strong>[페이크] 요약 입력 UI (시각적 요소, 실제 동작 X):</strong><ul>
<li>탭 UI: [URL] [텍스트] [파일] [YouTube] (기본 선택: URL)</li>
<li>입력창: "요약할 링크를 입력하세요..." placeholder 텍스트</li>
<li>버튼: [요약하기] (강조 색상)<ul>
<li>클릭 시: 웨이팅 리스트 등록 폼 모달 팝업</li>
</ul>
</li>
</ul>
</li>
<li><strong>CTA 버튼 (상단 CTA와 동일):</strong> [출시 알림 신청하기] (강조 색상)<ul>
<li>클릭 시: 웨이팅 리스트 등록 폼 모달 팝업</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<p><strong>3. Problem / Solution Section (문제 제기 및 해결책 제시)</strong></p>
<ul>
<li><strong>소제목 (H2):</strong> 혹시, 이런 어려움을 겪고 계신가요?</li>
<li><strong>문제점 제시 (카드 또는 아이콘+텍스트 형태, 3~4개):</strong><ul>
<li>"읽어야 할 정보는 너무 많은데, 시간이 부족해요."</li>
<li>"긴 글이나 영상을 다 보고 핵심을 파악하기 힘들어요."</li>
<li>"중요한 내용을 놓칠까 봐 불안해요."</li>
</ul>
</li>
<li><strong>전환 문구:</strong> 코어브리핑이 해결해 드립니다!</li>
<li><strong>솔루션 소개 (H3):</strong> 코어브리핑은 AI 기술로 어떤 정보든 핵심만 정확하게 요약하여 당신의 시간을 아껴드립니다.</li>
</ul>
<hr>
<p><strong>4. How it Works Section (서비스 이용 방법 - 예시 UI)</strong></p>
<ul>
<li><strong>소제목 (H2):</strong> 코어브리핑, 3단계로 끝! (정말 쉬워요)</li>
<li><strong>단계별 설명 (아이콘 + 간략 텍스트 + 예시 UI 이미지):</strong><ul>
<li><strong>Step 1: 정보 입력</strong><ul>
<li>아이콘: 업로드/링크 아이콘</li>
<li>설명: 요약하고 싶은 텍스트, 파일, 웹/유튜브 링크를 입력하세요.</li>
<li>예시 UI: 다양한 입력 타입(URL, 텍스트, 파일 아이콘)을 보여주는 간소화된 입력 화면 이미지</li>
</ul>
</li>
<li><strong>Step 2: AI 분석 및 요약</strong><ul>
<li>아이콘: AI/분석 아이콘</li>
<li>설명: 코어브리핑 AI가 실시간으로 내용을 분석하고 핵심을 추출합니다.</li>
<li>예시 UI: 분석 중임을 나타내는 로딩 애니메이션 또는 진행 바 이미지</li>
</ul>
</li>
<li><strong>Step 3: 요약 결과 확인</strong><ul>
<li>아이콘: 문서/돋보기 아이콘</li>
<li>설명: 깔끔하게 정리된 요약본과 주요 키워드를 바로 확인하세요!</li>
<li>예시 UI: 요약된 텍스트(짧은 버전)와 하이라이트된 키워드가 보이는 결과 화면 이미지</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<p><strong>5. Features Section (주요 기능 소개 - 예시 UI)</strong></p>
<ul>
<li><strong>소제목 (H2):</strong> 코어브리핑의 핵심 기능, 미리보기</li>
<li><strong>기능 나열 (아이콘 + 기능명 + 설명 + 예시 UI 이미지):</strong><ul>
<li><strong>다양한 정보 요약:</strong><ul>
<li>설명: 텍스트, 웹 페이지(URL), 문서 파일(PDF, DOCX), YouTube 영상까지 모두 요약 가능합니다.</li>
<li>예시 UI: 각 타입별 아이콘과 함께 "요약된 [타입] 내용입니다..." 형태의 짧은 결과물 예시</li>
</ul>
</li>
<li><strong>맞춤형 요약 길이 조절:</strong><ul>
<li>설명: 상황에 맞게 [짧게], [중간], [길게] 요약 길이를 선택할 수 있습니다.</li>
<li>예시 UI: 길이 선택 버튼(짧게/중간/길게)이 활성화된 모습과, 각 선택에 따라 요약 텍스트 길이가 달라지는 듯한 이미지</li>
</ul>
</li>
<li><strong>핵심 키워드 자동 추출:</strong><ul>
<li>설명: AI가 본문의 핵심 키워드를 자동으로 추출하고 하이라이트 해줍니다.</li>
<li>예시 UI: 요약문 내에 특정 단어들이 다른 색으로 하이라이트 되어 있는 이미지</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<p><strong>6. Use Cases Section (사용 시나리오 예시)</strong></p>
<ul>
<li><strong>소제목 (H2):</strong> 코어브리핑, 이런 분들께 강력 추천!</li>
<li><strong>타겟 사용자별 시나리오 (카드 형태 또는 탭 UI):</strong><ul>
<li><strong>학생/연구원:</strong><ul>
<li>상황: "방대한 논문과 강의 자료, 핵심만 빠르게 파악하고 싶을 때"</li>
<li>효과: 학습 시간 단축! 깊이 있는 이해!</li>
<li>예시 UI: 논문 PDF 아이콘 -> 코어브리핑 요약 아이콘 -> 웃는 학생 아이콘</li>
</ul>
</li>
<li><strong>직장인 (기획/마케팅/개발 등):</strong><ul>
<li>상황: "쏟아지는 업무 문서와 시장 동향, 신속하게 내용을 따라잡아야 할 때"</li>
<li>효과: 업무 효율 극대화! 빠른 의사결정!</li>
<li>예시 UI: 보고서 파일 아이콘 -> 코어브리핑 요약 아이콘 -> 업무 성과 그래프 아이콘</li>
</ul>
</li>
<li><strong>콘텐츠 크리에이터:</strong><ul>
<li>상황: "다양한 자료 조사, 아이디어 발굴에 드는 시간을 줄이고 싶을 때"</li>
<li>효과: 정보 수집 시간 절반으로! 창의력 UP!</li>
<li>예시 UI: 여러 웹페이지 아이콘 -> 코어브리핑 요약 아이콘 -> 반짝이는 아이디어 전구 아이콘</li>
</ul>
</li>
<li><strong>정보에 민감한 일반 사용자:</strong><ul>
<li>상황: "긴 뉴스 기사, 블로그 포스트의 핵심만 골라보고 싶을 때"</li>
<li>효과: 정보 과부하 해소! 스마트한 정보 소비!</li>
<li>예시 UI: 뉴스 아이콘 -> 코어브리핑 요약 아이콘 -> 만족스러운 표정의 일반인 아이콘</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<p><strong>7. Benefits Section (사용자 가치 전달)</strong></p>
<ul>
<li><strong>소제목 (H2):</strong> 코어브리핑으로 당신의 일상이 달라집니다</li>
<li><strong>가치 나열 (아이콘 + 가치명 + 짧은 설명):</strong><ul>
<li><strong>압도적인 시간 절약:</strong> 정보 탐색과 이해에 소요되는 시간, 평균 70% 단축! (예시 수치)</li>
<li><strong>생산성 극대화:</strong> 핵심 정보에 집중하여 업무 및 학습 효율 UP!</li>
<li><strong>정보 접근성 향상:</strong> 복잡한 정보도 쉽게 이해하고, 지식의 폭을 넓히세요.</li>
<li><strong>현명한 의사결정:</strong> 핵심만 빠르게 파악하여 더 나은 결정을 내릴 수 있도록 지원합니다.</li>
</ul>
</li>
</ul>
<hr>
<p><strong>8. Pricing Section (가격 정책 - 간략 버전)</strong></p>
<ul>
<li><strong>소제목 (H2):</strong> 곧 출시될 코어브리핑, 합리적인 플랜을 기대하세요!</li>
<li><strong>안내 문구:</strong> 정식 출시 시, 여러분의 필요에 맞는 다양한 요금제를 제공할 예정입니다. 지금 웨이팅 리스트에 등록하고 출시 소식과 함께 특별 할인 혜택을 가장 먼저 받아보세요!</li>
<li><strong>(선택적) 플랜 간략 소개 (아이콘 + 플랜명 - 가격 미표시):</strong><ul>
<li><strong>Free Plan:</strong> 가볍게 시작하고 싶은 분들을 위한 무료 플랜</li>
<li><strong>Basic Plan:</strong> 합리적인 가격으로 더 많은 기능을!</li>
<li><strong>Pro Plan:</strong> 전문가를 위한 모든 기능 무제한 제공!</li>
</ul>
</li>
<li><strong>CTA 버튼:</strong> [출시 알림 신청하고 혜택받기] (강조 색상)<ul>
<li>클릭 시: 웨이팅 리스트 등록 폼 모달 팝업</li>
</ul>
</li>
</ul>
<hr>
<p><strong>9. Final CTA Section (마지막 행동 유도)</strong></p>
<ul>
<li><strong>메인 메시지 (H2):</strong> 정보의 핵심을 잡는 가장 스마트한 방법,</li>
<li><strong>서비스명 강조 (H1 스타일):</strong> CoreBriefing</li>
<li><strong>마지막 어필:</strong> 지금 바로 출시 알림을 신청하고, 정보 과부하 시대의 승자가 되세요!</li>
<li><strong>CTA 버튼 (페이지 내 가장 큰 버튼):</strong> [지금 바로 출시 알림 신청하기] (강조 색상)<ul>
<li>클릭 시: 웨이팅 리스트 등록 폼 모달 팝업</li>
</ul>
</li>
</ul>
<hr>
<p><strong>10. Footer Section (하단 정보)</strong></p>
<ul>
<li><strong>좌측:</strong> © 2024 CoreBriefing. All Rights Reserved.</li>
<li><strong>우측 (선택적):</strong> 개인정보처리방침 | 이용약관 (실제 링크 없이 텍스트만)</li>
</ul>
<hr>
<p><strong>III. 웨이팅 리스트 등록 폼 (모달 팝업)</strong></p>
<ul>
<li><strong>팝업 제목:</strong> 🚀 코어브리핑 출시 알림 신청</li>
<li><strong>안내 문구:</strong> 가장 먼저 코어브리핑 출시 소식을 받아보세요! 특별한 혜택도 준비 중입니다.</li>
<li><strong>입력 필드:</strong><ul>
<li><strong>이름:</strong> [ ] (Placeholder: 이름을 입력해주세요) *필수</li>
<li><strong>이메일:</strong> [ ] (Placeholder: 이메일 주소를 입력해주세요) *필수, 이메일 형식 유효성 검사</li>
</ul>
</li>
<li><strong>동의 항목:</strong><ul>
<li>[Checkbox] 개인정보 수집 및 이용에 동의합니다. (필수) [자세히 보기] (링크 X, 텍스트만)</li>
</ul>
</li>
<li><strong>버튼:</strong> [등록하고 출시 소식 받기] (비활성화 상태, 필수 항목 입력 및 동의 시 활성화, 강조 색상)<ul>
<li>클릭 시:<ul>
<li>입력 데이터 (이름, 이메일) 노션 API로 전송</li>
<li>성공 시: 등록 완료 메시지 표시 (현재 팝업 내용 변경 또는 새 팝업)</li>
<li>실패 시: 에러 메시지 표시 (예: "등록 중 오류가 발생했습니다. 다시 시도해주세요.")</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<p><strong>IV. 등록 완료 메시지 (폼 제출 성공 시, 모달 팝업 내용 변경 또는 새 팝업)</strong></p>
<ul>
<li><strong>아이콘:</strong> 🎉</li>
<li><strong>메인 메시지 (H3):</strong> 웨이팅 리스트 등록 완료!</li>
<li><strong>부가 메시지:</strong> 코어브리핑이 출시되면 가장 먼저 이메일로 알려드릴게요. 조금만 기다려주세요!</li>
<li><strong>버튼:</strong> [확인] (클릭 시 팝업 닫힘)</li>
</ul>
<hr>
<p><strong>V. 디자인 가이드라인 (기존 기획서 참고)</strong></p>
<ul>
<li><strong>톤앤매너:</strong> 신뢰성, 전문성, 간결함, 명료함, 혁신적, 사용자 친화적</li>
<li><strong>색상:</strong><ul>
<li>주요: 딥 블루 (#0A2A54) / 네이비 (#1C3144)</li>
<li>보조: 밝은 블루 (#4A90E2) / 청록색 (#22A7F0)</li>
<li>강조 (CTA 버튼 등): 오렌지 (#F5A623) / 민트 (#7ED321)</li>
<li>배경/텍스트: 화이트, 라이트 그레이</li>
</ul>
</li>
<li><strong>레이아웃:</strong> 모던, 미니멀, 충분한 여백, 모바일 반응형 최우선</li>
<li><strong>폰트:</strong> 가독성 높은 산세리프체 (Noto Sans KR, Pretendard 등)</li>
</ul>
<hr>