포괄적인 출시 전 준비 상태 체크리스트 생성기

# 사전 출시 점검 체크리스트 ## 프로젝트 정보 - **프로젝트:** [이름, 유형, 설명] - **기술 스택:** [프레임워크, 호스팅, 서비스] - **기능:** [검증이 필요한 주요 기능] - **출시 유형:** [소프트 런칭 / 공개 출시 / 클라이언트 인도] - **도메인:** [DNS가 이미 구성되었는지 여부] --- ## 기능 - [ ] 모든 핵심 사용자 흐름이 종단 간 작동합니다 - **우선순위: 필수** - 확인 방법: 프로덕션 빌드에서 주요 사용자 여정을 처음부터 끝까지 테스트합니다. - [ ] 모든 양식이 올바르게 제출되고 적절한 피드백을 표시합니다 - **우선순위: 필수** - 확인 방법: 각 양식에 유효한 데이터와 유효하지 않은 데이터를 모두 제출하고 성공/오류 메시지를 확인합니다. - [ ] 결제 흐름이 작동합니다(해당하는 경우) - 실제 샌드박스로 테스트합니다 - **우선순위: 필수** - 확인 방법: 샌드박스 환경에서 테스트 결제를 실행하고 결제 성공/실패 및 환불을 확인합니다. - [ ] 인증이 작동합니다(로그인, 로그아웃, 비밀번호 재설정, 세션 만료) - **우선순위: 필수** - 확인 방법: 각 인증 흐름을 테스트하고 세션 만료 동작을 확인합니다. - [ ] 이메일 알림이 올바르게 전송됩니다(스팸 폴더 확인) - **우선순위: 필수** - 확인 방법: 트랜잭션 이메일을 전송하고 받은 편지함과 스팸 폴더를 확인합니다. - [ ] 타사 통합이 올바르게 응답합니다 - 확인 방법: 각 통합 지점을 호출하고 응답을 확인합니다. - [ ] 오류 처리가 작동합니다(문제 발생 시 어떻게 되는지) - 확인 방법: 의도적으로 오류를 트리거하고 사용자에게 표시되는 내용을 확인합니다. --- ## 콘텐츠 및 카피 - [ ] 남아있는 로렘 입숨이 없습니다 - **우선순위: 필수** - 확인 방법: 코드베이스와 배포된 사이트에서 "lorem"을 검색합니다. - [ ] 모든 링크가 작동합니다(404 없음) - **우선순위: 필수** - 확인 방법: 사이트 크롤러를 실행하거나 모든 내부 링크를 수동으로 클릭합니다. - [ ] 법적 페이지가 존재합니다(개인정보 보호정책, 이용약관, 쿠키 동의) - **우선순위: 필수** - 확인 방법: 각 법적 페이지가 존재하고 접근 가능한지 확인합니다. - [ ] 연락처 정보가 정확합니다 - 확인 방법: 연락처 페이지와 바닥글의 이메일, 전화번호, 주소를 확인합니다. - [ ] 저작권 연도가 최신입니다 - 확인 방법: 바닥글의 저작권 연도를 확인합니다. - [ ] 소셜 미디어 링크가 올바른 프로필을 가리킵니다 - 확인 방법: 각 소셜 링크를 클릭하고 올바른 대상 URL을 확인합니다. - [ ] 모든 이미지에 대체 텍스트가 있습니다 - 확인 방법: 사이트를 감사하여 누락된 alt 속성을 찾습니다. - [ ] 파비콘이 설정되어 있습니다(모든 크기) - **우선순위: 필수** - 확인 방법: 브라우저 탭과 북마크에서 파비콘을 확인합니다. --- ## 시각적 플레이스홀더 검사 **코드베이스 검사 - 다음 패턴 검색:** - [ ] URL에 `placeholder`, `via.placeholder.com`, `placehold.co`, `picsum.photos`, `unsplash.it/random`, `dummyimage.com`, `placekitten`, `placebear`, `fakeimg` 포함 - **우선순위: 필수** - 확인 방법: 코드베이스에서 이러한 문자열을 grep합니다. - [ ] 파일 이름에 `placeholder`, `dummy`, `sample`, `example`, `temp`, `test-image`, `default-`, `no-image` 포함 - **우선순위: 필수** - 확인 방법: 자산 파일 이름에서 이러한 패턴을 검색합니다. - [ ] Next.js / Vercel 기본값: `public/next.svg`, `public/vercel.svg`, `public/thirteen.svg`, `app/favicon.ico`(여전히 Next.js 기본값인 경우) - **우선순위: 필수** - 확인 방법: public 폴더에서 기본 프레임워크 자산을 확인합니다. - [ ] `public/` 폴더에 프레임워크 보일러플레이트 이미지가 남아 있습니다 - **우선순위: 필수** - 확인 방법: public 폴더 내용을 검토합니다. - [ ] 실제 이미지 없이 하드코딩된 크기: `width={400} height={300}`가 회색 div 또는 누락된 src와 함께 사용됨 - 확인 방법: 이미지 컴포넌트에서 누락된 src를 검색합니다. - [ ] 인라인 SVG 플레이스홀더 패턴(중앙에 아이콘이 있는 회색 사각형) - 확인 방법: 임시 이미지 채움으로 사용되는 인라인 SVG를 검색합니다. **컴포넌트 수준 확인:** - [ ] 아바타 컴포넌트가 일반 사용자 아이콘으로 대체됨 - 대체가 설계된 것인지 라이브러리 기본값인지 - 확인 방법: 아바타 컴포넌트의 대체 동작을 검사합니다. - [ ] `image?: string` prop이 있는 카드 컴포넌트 - 이미지가 없을 때 무엇이 렌더링됩니까? 설계된 빈 상태인지 깨진 레이아웃인지 - 확인 방법: 이미지 없이 카드를 렌더링합니다. - [ ] 히어로/배너 섹션 - 배경 이미지가 최종본인지 개발 샘플인지 - **우선순위: 필수** - 확인 방법: 히어로 섹션의 배경 이미지 소스를 확인합니다. - [ ] 제품/포트폴리오 그리드 - 모든 항목이 실제 이미지를 사용하는지 또는 일부가 여전히 동일한 반복 테스트 이미지를 사용하는지 - **우선순위: 필수** - 확인 방법: 그리드의 각 항목 이미지를 검사합니다. - [ ] 로고 컴포넌트 - 최종 로고 파일인지 텍스트 플레이스홀더인지 - **우선순위: 필수** - 확인 방법: 로고 컴포넌트의 소스를 확인합니다. - [ ] OG 이미지(`og:image` 메타 태그) - 설계된 자산인지 프레임워크/호스팅 기본값인지 - **우선순위: 필수** - 확인 방법: 메타 태그의 og:image URL을 확인합니다. **타사 및 CDN 확인:** - [ ] 개발 전용 CDN에서 로드된 이미지(예: `picsum.photos`) - **우선순위: 필수** - 확인 방법: 네트워크 탭에서 이미지 요청 URL을 확인합니다. - [ ] 스톡 사진 워터마크가 여전히 보입니다(구매하지 않은 스톡일 수 있는 500kb 초과 이미지 검색) - **우선순위: 필수** - 확인 방법: 큰 이미지 파일에서 워터마크를 육안으로 검사합니다. - [ ] alt 텍스트에 `lorem` 또는 `test`가 있는 이미지 - 확인 방법: 이미지 alt 텍스트에서 이러한 단어를 검색합니다. **출력 형식:** 발견된 모든 플레이스홀더의 테이블: | # | 파일 경로 | 줄 | 유형 | 현재 값 | 심각도 | 필요 조치 | |---|-----------|------|------|---------------|----------|---------------| | 1 | `src/app/page.tsx` | 42 | 이미지 URL | `via.placeholder.com/800x400` | 치명적 | 히어로 이미지로 교체 | | 2 | `public/favicon.ico` | - | 프레임워크 기본값 | Next.js 기본 파비콘 | 치명적 | 브랜드 파비콘으로 교체 | | 3 | `src/components/Card.tsx` | 18 | 대체 누락 | 이미지 없음 = 깨진 레이아웃 | 높음 | 빈 상태 설계 | 심각도 수준: - 치명적: 주요 페이지(히어로, 접힌 부분 위, OG 이미지)에서 사용자에게 표시됨 - 높음: 일반 사용 중 사용자에게 표시됨(카드, 아바타, 콘텐츠 이미지) - 중간: 가장자리 경우에 표시됨(빈 상태, 오류 페이지, 대체) - 낮음: 코드에만 있고 사용자에게 표시되지 않음(테스트 픽스처, 개발 전용 라우트) --- ## SEO 및 메타데이터 - [ ] 페이지 제목이 고유하고 설명적입니다 - **우선순위: 필수** - 확인 방법: 각 페이지의 제목 태그를 검토합니다. - [ ] 각 페이지에 메타 설명이 작성되어 있습니다 - 확인 방법: 각 페이지의 메타 설명을 검토합니다. - [ ] 소셜 공유용 Open Graph 태그(공유 디버거로 테스트) - **우선순위: 필수** - 확인 방법: 공유 디버거 도구에서 URL을 테스트합니다. - [ ] Robots.txt가 올바르게 구성되었습니다 - 확인 방법: robots.txt 내용을 확인합니다. - [ ] Sitemap.xml이 존재하고 제출되었습니다 - **우선순위: 필수** - 확인 방법: sitemap.xml에 접근하고 검색 콘솔에 제출합니다. - [ ] 표준 URL이 설정되었습니다 - 확인 방법: 각 페이지의 표준 링크 태그를 확인합니다. - [ ] 구조화된 데이터 / 스키마 마크업(해당하는 경우) - 확인 방법: 구조화된 데이터 테스트 도구로 검증합니다. --- ## 성능 - [ ] Lighthouse 점수가 목표를 충족합니다 - **우선순위: 필수** - 확인 방법: Lighthouse 감사를 실행하고 점수를 검토합니다. - [ ] 이미지가 최적화되고 반응형입니다 - 확인 방법: 이미지 형식, 크기, srcset 속성을 확인합니다. - [ ] 글꼴이 효율적으로 로드됩니다 - 확인 방법: 글꼴 로딩 전략(display: swap, preload)을 확인합니다. - [ ] 프로덕션 빌드에 콘솔 오류가 없습니다 - **우선순위: 필수** - 확인 방법: 프로덕션 사이트에서 브라우저 콘솔을 확인합니다. - [ ] 분석이 설치되고 추적 중입니다 - 확인 방법: 테스트 이벤트를 트리거하고 분석 대시보드에서 확인합니다. --- ## 보안 - [ ] HTTPS가 적용됩니다(혼합 콘텐츠 없음) - **우선순위: 필수** - 확인 방법: 모든 리소스가 HTTPS를 통해 로드되는지 확인합니다. - [ ] 환경 변수가 프로덕션에 설정되었습니다 - **우선순위: 필수** - 확인 방법: 프로덕션 환경 변수 구성을 확인합니다. - [ ] 프론트엔드 코드에 API 키가 노출되지 않았습니다 - **우선순위: 필수** - 확인 방법: 코드베이스에서 API 키 패턴을 검색합니다. - [ ] 양식에 속도 제한이 있습니다(스팸 방지) - 확인 방법: 양식 제출 속도 제한 구성을 확인합니다. - [ ] CORS가 올바르게 구성되었습니다 - 확인 방법: CORS 구성을 검토합니다. - [ ] CSP 헤더(해당하는 경우) - 확인 방법: CSP 헤더 구성을 확인합니다. --- ## 크로스 플랫폼 - [ ] Chrome, Safari, Firefox(최신 버전)에서 테스트됨 - **우선순위: 필수** - 확인 방법: 각 브라우저에서 핵심 흐름을 테스트합니다. - [ ] iOS Safari, Android Chrome에서 테스트됨 - **우선순위: 필수** - 확인 방법: 모바일 기기 또는 에뮬레이터에서 핵심 흐름을 테스트합니다. - [ ] 주요 중단점에서 테스트됨 - 확인 방법: 다양한 화면 크기에서 레이아웃을 확인합니다. - [ ] 인쇄 스타일시트(사용자가 인쇄할 수 있는 경우) - 확인 방법: 페이지를 인쇄 미리보기로 확인합니다. --- ## 인프라 - [ ] 도메인이 연결되고 SSL이 활성화되었습니다 - **우선순위: 필수** - 확인 방법: 도메인 DNS 및 SSL 인증서 상태를 확인합니다. - [ ] www/비-www 리디렉션이 구성되었습니다 - 확인 방법: www 및 비-www URL이 모두 올바르게 리디렉션되는지 확인합니다. - [ ] 404 페이지가 설계되었습니다(기본값 아님) - **우선순위: 필수** - 확인 방법: 존재하지 않는 URL을 방문하여 404 페이지를 확인합니다. - [ ] 오류 페이지가 설계되었습니다(500, 유지보수) - 확인 방법: 오류 페이지 템플릿을 확인합니다. - [ ] 백업이 구성되었습니다(데이터베이스, 해당하는 경우) - **우선순위: 필수** - 확인 방법: 백업 일정과 복원 절차를 확인합니다. - [ ] 모니터링 / 가동 시간 확인이 설정되었습니다 - 확인 방법: 모니터링 도구와 알림 구성을 확인합니다. --- ## 인도(클라이언트 프로젝트인 경우) - [ ] 클라이언트가 모든 계정에 접근할 수 있습니다(호스팅, 도메인, 분석) - 확인 방법: 계정 접근 권한 공유를 확인합니다. - [ ] 문서가 완료되었습니다(FORGOKBEY.md 또는 이에 상응하는 문서) - 확인 방법: 문서의 완성도와 정확성을 검토합니다. - [ ] 교육이 예약되었거나 녹화되었습니다 - 확인 방법: 교육 세션 일정 또는 녹화를 확인합니다. - [ ] 지원/유지보수 계약이 명확합니다 - 확인 방법: 지원 계약 조건을 검토합니다.