글자와 사진을 고친 뒤 💾 저장까지 눌렀는데 실제 홈페이지가 그대로인가요? CodeBuilder는 작업 중인 화면과 방문자에게 보이는 화면을 따로 보관합니다. ● 저장 안 됨 → 작업본 저장됨 → 🚀 공개 반영의 차이를 알고 실제 주소까지 확인하는 순서를 안내합니다.
이 글의 목표는 수정 내용을 잃지 않으면서, 공개할 준비가 된 작업본만 실제 홈페이지에 반영하는 것입니다.
메뉴명과 동작은 2026년 8월 30일 CodeBuilder 실제 화면·원본 코드·공식 도움말에서 확인했습니다. 이미지 속 예시는 기능 설명을 위한 자체 제작 화면이며 실제 고객 사이트나 성과 자료가 아닙니다.
저장했는데 홈페이지가 그대로인 것은 정상입니다
CodeBuilder의 💾 저장은 지금 고친 내용을 내 작업본에 보관합니다. 이 단계에서는 방문자가 보는 홈페이지가 바뀌지 않습니다. 작업 도중의 문장, 덜 고른 사진, 확인 전 링크가 바로 노출되지 않도록 작업본과 공개본을 나눠 둔 것입니다.
🚀 공개 반영을 눌렀을 때만 저장해 둔 작업본이 실제 사이트로 나갑니다. 자동 저장이 되더라도 공개는 자동으로 되지 않습니다.
1. 먼저 상태 글자를 확인합니다
편집 화면 위쪽에서 저장 버튼 옆의 상태를 봅니다. 상태 글자는 지금 해야 할 다음 행동을 알려 줍니다.
- 편집 준비됨: 페이지를 열었고 아직 새 수정이 없는 상태입니다.
- ● 저장 안 됨: 화면을 고쳤지만 작업본 저장이 끝나지 않았습니다.
- 작업본 저장됨: 수정 내용은 안전하게 저장됐지만 실제 사이트에는 아직 나가지 않았습니다.
- 자동 저장됨: 잠시 멈춘 사이 작업본에 자동 저장된 상태입니다. 역시 공개된 것은 아닙니다.
2. ‘● 저장 안 됨’이면 ‘💾 저장’을 누릅니다
● 저장 안 됨이 보이면 💾 저장을 누릅니다. 상태가 작업본 저장됨 또는 자동 저장됨으로 바뀌는지 기다립니다. 저장 직후 창을 닫거나 다른 페이지로 이동하기보다 상태가 바뀐 뒤 다음 단계로 넘어가는 편이 안전합니다.
내용 편집창에서 글자를 바꿨다면 먼저 아래의 변경 내용 적용을 누르고, 그다음 화면 위쪽 💾 저장을 눌러야 합니다. 두 버튼은 같은 저장이 아닙니다.
3. 작업본 화면에서 한 번 더 읽어 봅니다
저장 뒤에는 바로 공개하지 말고 제목, 사진, 버튼 링크, 연락처를 작업 화면에서 한 번 훑어보세요. 특히 공통 머리말이나 꼬리말을 고쳤다면 여러 페이지에 함께 영향을 줄 수 있으므로 대표 페이지 두세 곳을 먼저 확인합니다.
모바일 겹침이 걱정된다면 CodeBuilder에서 모바일 글자·버튼 겹침 고치기의 576px 확인 순서를 함께 사용하세요.
4. 준비가 끝났을 때만 ‘🚀 공개 반영’을 누릅니다
작업본 저장됨을 확인한 뒤 🚀 공개 반영을 누릅니다. CodeBuilder가 연결되지 않은 링크, 빈 이미지, 견본 문구, 모바일 고정 너비처럼 공개 전 확인할 항목을 알려 주면 내용을 읽고 문제를 먼저 고칩니다.
경고가 있어도 무조건 공개가 막히는 것은 아닙니다. 그러나 무엇을 뜻하는지 모르는 상태에서 그래도 공개를 누르기보다 해당 페이지를 확인한 뒤 진행하세요.
5. CodeBuilder 화면이 아닌 실제 주소에서 확인합니다
공개 반영이 끝나면 새 창에서 실제 홈페이지 주소를 엽니다. 작업 화면만 다시 보는 것으로는 방문자 화면이 바뀌었는지 확인할 수 없습니다.
- 실제 홈페이지 주소를 새 창에서 엽니다.
- 바꾼 제목·사진·버튼이 보이는 페이지로 이동합니다.
- 버튼을 직접 눌러 목적지가 맞는지 확인합니다.
- 휴대폰 화면에서도 같은 페이지를 한 번 확인합니다.
잘못 공개했거나 이전 화면으로 돌아가야 할 때
- 아직 공개 전입니다: ↩ 공개본으로를 사용하면 현재 사이트에 나가 있는 내용으로 작업본을 되돌릴 수 있습니다. 공개하지 않은 편집은 사라질 수 있으므로 경고를 읽고 진행하세요.
- 더 예전 저장본이 필요합니다: 🕒 되돌리기에서 저장 시점별 기록을 확인합니다.
- 공개했는데 일부만 그대로입니다: 해당 페이지 또는 공통 조각을 실제로 저장했는지, 공개 반영 대상에 포함됐는지 확인합니다.
- 실수 원인을 비교하고 싶습니다: Diff·미리보기·history로 실수를 찾는 순서를 참고하세요.
완료 확인표
- 내용 편집창에서 변경 내용 적용을 눌렀다.
- ● 저장 안 됨이 사라지고 작업본 저장됨 또는 자동 저장됨을 확인했다.
- 작업본에서 제목·사진·링크·연락처를 다시 읽었다.
- 준비가 끝난 뒤에만 🚀 공개 반영을 눌렀다.
- CodeBuilder가 아닌 실제 홈페이지 주소에서 결과를 확인했다.
- PC와 휴대폰에서 핵심 버튼을 직접 눌러 봤다.
