홈페이지를 공개하기 전에 무엇을 확인해야 할지 막막한가요? CodeBuilder의 🧭 할 일은 사이트를 직접 읽어 자리표시자·페이지 제목·견본 사진·연락처·메뉴 링크·문의 기능·표시 코드와 모바일·실제 주소 확인까지 아홉 항목으로 나눠 보여 줍니다.

이 글의 목표는 공개 전 점검을 기억에 의존하지 않고, CodeBuilder의 아홉 가지 목록을 위에서부터 하나씩 완료하는 것입니다.

항목명과 판정 방식은 2026년 8월 30일 CodeBuilder 원본 코드·공식 도움말에서 확인했습니다. 이미지 속 사이트와 점검 결과는 자체 제작한 가상 예시이며 실제 운영 품질이나 검색 성과를 뜻하지 않습니다.

‘🧭 할 일’은 자동 점검 7개와 직접 확인 2개로 나뉩니다

CodeBuilder가 HTML과 페이지 목록을 읽어 판단할 수 있는 항목은 자동으로 상태가 바뀝니다. 화면을 눈으로 봐야 하는 모바일과 실제 사이트 확인은 사용자가 직접 완료 표시를 합니다.

1. ‘🧭 할 일’을 열어 남은 개수부터 봅니다

위쪽 🧭 할 일을 누르면 🧭 내 사이트 만들기 창이 열리고, 아직 끝나지 않은 항목의 이유와 고치는 방법을 보여 줍니다. 버튼 옆 숫자는 남은 항목 수이며, 모두 끝나면 완료로 바뀝니다.

숫자를 빨리 0으로 만드는 것보다 각 항목의 설명을 읽고 실제 페이지에서 수정하는 것이 중요합니다.

각 항목의 내용 편집 열기를 누르면 고칠 페이지로 이어집니다. 수정 뒤 저장하면 CodeBuilder가 다시 읽어 상태를 갱신합니다.

연락처는 화면에 글자만 보이는 것과 실제로 전화·메일 링크가 동작하는 것을 함께 확인하세요. 문의 기능이 없다면 ➕ 넣기에서 신청서 또는 게시판을 추가할 수 있습니다.

일곱 번째 자동 점검은 표시 코드 오류 없애기입니다. 게시판·최근 글·신청서처럼 자동으로 채워지는 영역은 여는 표시와 닫는 표시가 짝을 이룹니다. 짝이 깨지면 방문자 화면에 코드 글자가 그대로 보일 수 있습니다.

CodeBuilder가 오류 페이지를 알려 주면 해당 파일을 열어 __endloop__, __endcustomform__ 같은 닫는 표시를 임의로 삭제하지 않았는지 확인합니다.

여덟 번째 항목은 자동 판정이 아닙니다. 위 도구모음의 화면 크기에서 📱 576px를 고른 뒤 다음을 직접 확인합니다.

확인을 마친 뒤에만 확인했어요로 표시합니다. 문제가 보이면 먼저 고친 뒤 다시 확인하세요. 모바일 겹침은 반응형 편집 순서를 참고할 수 있습니다.

아홉 번째 항목은 실제 사이트에서 열어 보기입니다. 작업본만 확인한 상태에서 완료 표시를 하지 말고, 💾 저장 → 🚀 공개 반영 뒤 실제 주소를 새 창에서 엽니다.