배포점검
웹사이트 공개 전 기술 오류와 품질 문제를 확인합니다.
배포점검 창
에디터 상단의 배포점검을 누르면 별도 탭이나 안내 화면 없이 기술 점검 결과를 고정된 큰 창에서 바로 확인합니다.
- 배포 점검은 공개 전에 기술 오류와 품질 문제를 찾습니다.
- 점검 문제는 현재 웹사이트의 AI Chat으로 보내고, AI가 수정한 파일과 Preview 결과를 같은 에디터에서 이어서 확인합니다.
90점 이상이고 오류가 없으면 배포 가능으로 판정합니다.
배포 점검과 AI 수정
현재 저장 소스를 데스크톱과 모바일 디자인 Preview에서 검사하고 0~100점의 배포 준비 점수를 계산합니다. 90점 이상이고 오류가 없으면 배포 가능으로 판정합니다.
- 페이지 제목·검색 설명·대표 제목·문서 언어와 이미지 대체 문구를 확인합니다.
- 입력 항목·버튼·링크 접근성, viewport, 모바일 가로 넘침과 깨진 내부 링크를 확인합니다.
- 브라우저 콘솔 오류와 500KB를 초과한 초기 리소스를 확인합니다.
- 문제 하나의 AI 수정 또는 AI로 모두 수정을 누르면 해당 점검 결과가 AI 코딩 창의 수정 요청에 자동으로 들어갑니다.
- MCP AI는 check_readiness를 실행하고 오류와 경고를 수정한 뒤 준비 상태가 될 때까지 다시 검사합니다.
AI 코딩 창은 배포점검 앞에 열리고, 닫으면 점검 결과·스크롤 위치가 유지되므로 다른 문제를 연속해서 수정할 수 있습니다.
AI 코딩 수정 요청
AI 코딩 창의 수정 요청 입력란에서 일반 요청을 직접 작성하거나 요소편집, 배포 점검이 만든 문구를 보완할 수 있습니다. 입력한 내용은 복사 문구와 Codex·Claude 연결에 즉시 반영됩니다.
- Preview의 요소선택은 Cake20 View 정적 문구와 속성을 원본 AST 위치에서 직접 저장하고 변수·표현식처럼 직접 수정할 수 없는 요소만 AI코딩으로 연결합니다.
- 여러 줄과 하위 태그의 정적 문구는 빠짐없이 표시하며, 선택 영역에 여러 Cake20 View 파일이 연결되면 충돌 검증 후 한 작업으로 저장합니다.
- 요소편집에서 정적 class를 가진 텍스트는 폰트, 크기, 굵기, 기울기, 밑줄·중앙선과 정렬을 기본 Tailwind class로 수정합니다.
- 문구와 스타일 수정은 최근 100개 작업을 순서대로 기억하며 Ctrl+Z 또는 Cmd+Z를 누를 때마다 최근 작업부터 한 단계씩 복구합니다.
- 정적 public 이미지는 직접 교체하며 PNG·JPEG·WebP는 자유 자르기, 출력 크기, 회전·반전, 흑백·흐림·밝기·대비·채도와 품질 조절을 지원합니다. 원본과 출력의 가로·세로 및 예상 파일 용량도 표시합니다.
- PNG의 품질을 변경하면 원본을 보존한 채 JPEG를 만들고 Cake20 View의 정적 이미지 경로를 새 파일로 바꿉니다. 동적·외부 이미지는 AI 요청에 원본 힌트를 넣습니다.
- AI 요청은 selector, 페이지 경로와 Cake20 View 소스 힌트를 포함합니다.
- 배포 점검의 AI 수정은 선택한 오류·경고의 원인과 수정 방법을 넣습니다.
- 운영 배포는 AI 수정 요청에 자동으로 포함되지 않으며 사용자가 명시적으로 요청한 경우에만 수행합니다.