# 홈페이지 관리 CMS 운영 매뉴얼 (20260710)

Academy CMS 관리자 화면에서 홈페이지를 수정하고 저장하는 흐름을 왼쪽 메뉴 순서대로 정리했습니다.

> 저장 경로 핵심: 메인 화면 관리 다이얼로그에서는 `편집 내용 적용`을 누르고, 바깥 화면에서 `홈페이지에 저장`을 눌러야 저장됩니다. 저장 전 확인은 `저장 전 미리보기`로 합니다.

## 현재 관리자 메뉴 기준

- 대시보드
- 기본 정보
- 메인 화면 관리
- 소식/공지
- 게시판
- 구성원
- 사진
- 신청 기능 설정
- 미리보기

## CMS 로그인 및 대시보드

로그인 후 현재 관리 대상과 왼쪽 메뉴를 확인합니다.

### 1. CMS 로그인 화면

발급받은 관리자 계정으로 로그인합니다. 로그인 시간이 만료되면 같은 화면에서 다시 로그인합니다.

![1. CMS 로그인 화면](screenshots/login-screen.png)

조작 포인트:
1. 로그인 ID와 비밀번호를 입력합니다.
2. 로그인 버튼을 눌러 관리자 화면으로 이동합니다.

### 2. 대시보드와 메뉴 확인

대시보드에서 현재 홈페이지 상태와 왼쪽 메뉴를 확인합니다.

![2. 대시보드와 메뉴 확인](screenshots/dashboard-overview.png)

조작 포인트:
1. 왼쪽 메뉴에서 작업할 화면으로 이동합니다.
2. 현재 홈페이지 상태와 안내를 확인합니다.
3. 오른쪽 상단에서 로그인 계정과 관리 대상 코드를 확인합니다.

### 3. 관리 대상 확인

줄리소프트 관리자 권한에서는 오른쪽 상단의 관리 대상 코드가 현재 편집 대상입니다. 고객 관리자 권한은 본인 학원으로 고정됩니다.

![3. 관리 대상 확인](screenshots/dashboard-tenant.png)

조작 포인트:
1. 내 홈페이지 버튼으로 공개 화면을 확인할 수 있습니다.

## 기본 정보

학원명, 로고, 연락처, 주소처럼 홈페이지 전체에 공통으로 쓰이는 정보를 관리합니다.

### 1. 기본 정보 화면

왼쪽 메뉴에서 기본 정보를 누르면 홈페이지 기본 정보 화면이 열립니다.

![1. 기본 정보 화면](screenshots/site-info-overview.png)

조작 포인트:
1. 기본 정보 메뉴를 선택합니다.
2. 현재 저장된 학원명, 소개 문구, 연락처, 주소를 확인합니다.

### 2. 기본 정보 입력

수정할 내용을 입력하고 로고나 대표 이미지를 교체합니다.

![2. 기본 정보 입력](screenshots/site-info-edit.png)

조작 포인트:
1. 학원명과 홈페이지 표시 문구를 수정합니다.
2. 연락처, 주소, 상담 링크를 입력합니다.
3. 로고나 대표 이미지를 교체합니다.

### 3. 저장하기

저장하기 버튼을 누르면 기본 정보가 저장됩니다.

![3. 저장하기](screenshots/site-info-save.png)

조작 포인트:
1. 저장하기 버튼으로 변경사항을 저장합니다.
2. 저장 완료 안내가 보이면 저장된 상태입니다.

## 메인 화면 관리

홈페이지 첫 화면에 보이는 배너, 소개, 수업 정보, 성적/성과, 공지사항, 오시는 길 등을 카드와 다이얼로그로 관리합니다.

### 1. 메인 화면 관리 목록

각 영역 카드는 보이기/숨기기, 수정, 순서 이동을 제공합니다. 영역 안의 세부 내용은 수정 다이얼로그에서 변경합니다.

![1. 메인 화면 관리 목록](screenshots/home-editor-live.png)

조작 포인트:
1. 메인 화면 관리 메뉴를 선택합니다.
2. 수정할 영역 카드를 찾습니다.
3. 저장 전 미리보기와 홈페이지에 저장 버튼은 화면 상단에 있습니다.
4. 숨기기/보이기 버튼은 해당 영역의 홈페이지 노출 여부를 바꿉니다.

### 2. 메인 배너 수정 다이얼로그

메인 배너의 제목, 부제목, 버튼 문구, 버튼 링크, 배경 이미지를 수정합니다.

![2. 메인 배너 수정 다이얼로그](screenshots/home-dialog-hero.png)

조작 포인트:
1. 메인 배너에서 수정버튼을 클릭합니다.
2. 방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정합니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 3. 소개 수정 다이얼로그

홈페이지 소개 영역의 제목, 본문, 이미지를 수정합니다.

![3. 소개 수정 다이얼로그](screenshots/home-dialog-introduction.png)

조작 포인트:
1. 소개에서 수정버튼을 클릭합니다.
2. 방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정합니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 4. 수업 정보 수정 다이얼로그

방문자에게 보여줄 수업이나 프로그램 카드를 추가, 수정, 숨김 처리합니다.

![4. 수업 정보 수정 다이얼로그](screenshots/home-dialog-class-info.png)

조작 포인트:
1. 수정 정보에서 수정버튼을 클릭합니다.
2. 방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정하거나 항목추가를 클릭합니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 5. 서비스 안내 수정 다이얼로그

반 편성, 교재, 시험 대비 같은 학원 운영 특징을 항목으로 관리합니다.

![5. 서비스 안내 수정 다이얼로그](screenshots/home-dialog-service.png)

조작 포인트:
1. 서비스 안내 에서 수정버튼을 클릭합니다.
2. 방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정하고, 항목 추가를 클릭합니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 6. 성적/성과 수정 다이얼로그

개인정보 없이 공개 가능한 성과 카드의 제목, 대상, 결과, 설명을 관리합니다.

![6. 성적/성과 수정 다이얼로그](screenshots/home-dialog-achievement.png)

조작 포인트:
1. 성적/성과에서 수정버튼을 클릭합니다.
2. 방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정하거나, 성과 추가를 클릭합니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 7. 구성원 소개 수정 다이얼로그

구성원 영역 제목과 홈페이지 노출 문구를 수정합니다. 실제 구성원 목록은 구성원 메뉴에서 관리합니다.

![7. 구성원 소개 수정 다이얼로그](screenshots/home-dialog-staff.png)

조작 포인트:
1. 구성원 소개에서 수정버튼을 클릭합니다.
2. 방문자에게 보일 제목, 문구, 이미지, 항목 내용을 수정합니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
5. 실제 구성원은 여기서 등록 가능합니다.

### 8. 사진 수정 다이얼로그

사진 영역 제목과 설명 문구를 수정합니다. 실제 사진 목록은 사진 메뉴에서 관리합니다.

![8. 사진 수정 다이얼로그](screenshots/home-dialog-gallery.png)

조작 포인트:
1. 사진에서 수정버튼을 클릭합니다.
2. 방문자에게 보여질 사진 영역의 제목을 수정합니다. 예) 학원 전경
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.
5. 실제 사진은 여기에서 등록할 수 있습니다.

### 9. 공지사항 수정 다이얼로그

홈페이지에 표시할 공지사항 영역 제목과 표시 개수를 관리합니다.

![9. 공지사항 수정 다이얼로그](screenshots/home-dialog-notice-section.png)

조작 포인트:
2. 공지사항에서 수정버튼을 클릭하여 공지사항 영역 문구와 공지 갯수를 수정합니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 10. 상담 안내 수정 다이얼로그

상담 안내 문구와 신청 버튼 문구를 수정합니다.

![10. 상담 안내 수정 다이얼로그](screenshots/home-dialog-contact.png)

조작 포인트:
1. 상담안내에서 수정버튼을 클릭하여 상담 문구등을 수정합니다.
2. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
3. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 11. 학생/학부모 기능 수정 다이얼로그

로그인 사용자를 위한 시간표, 과제, 시험 기능 안내와 빠른 메뉴 표시를 조정합니다.

![11. 학생/학부모 기능 수정 다이얼로그](screenshots/home-dialog-student-portal.png)

조작 포인트:
1. 학생/학부모 기능에서 수정버튼을 클릭하여 다이얼로그를 엽니다.
2. 3, 4번 기능에 화면 커서를 옮기도록 하는 기능입니다.
3. 학생의 개인별 시간표에 대한 노출 여부를 결정합니다.
4. 학생의 과제/시험 현황에 대한 노출 여부를 결정합니다.

### 12. 오시는 길 수정 다이얼로그

주소, 지도 검색 결과, 교통 안내 문구를 수정합니다.

![12. 오시는 길 수정 다이얼로그](screenshots/home-dialog-map.png)

조작 포인트:
1. 오시는 길에서 수정버튼을 클릭합니다.
2. 주소 및 지도위치 찾기 기능을 사용합니다. 원하실 경우 교통 안내 문구로 넣을 수 있습니다.
3. 닫기는 창만 닫습니다. 편집 화면에는 적용하지 않습니다. 편집 내용 적용을 누르면 메인 화면 관리 편집 화면에 반영됩니다.
4. 실제 저장은 바깥의 홈페이지에 저장 버튼을 눌러야 합니다.

### 13. 새 영역 추가 다이얼로그

홈페이지에 추가로 보여줄 영역 템플릿을 선택합니다.

![13. 새 영역 추가 다이얼로그](screenshots/home-dialog-add-section.png)

조작 포인트:
1. 새 영역 추가 제목을 확인합니다.
2. 추가할 영역 템플릿을 선택합니다.
3. 취소는 새 영역 추가를 중단합니다. 영역 추가를 누르면 편집 화면에 새 영역이 추가됩니다.
4. 실제 저장은 홈페이지에 저장 버튼으로 합니다.

### 14. 이전 상태 복원 다이얼로그

이전에 저장했던 홈페이지 상태가 있으면 선택해 되돌릴 수 있습니다.

![14. 이전 상태 복원 다이얼로그](screenshots/home-dialog-restore.png)

조작 포인트:
1. 이전 상태 복원 제목을 확인합니다.
2. 복원 가능한 저장 이력이 표시됩니다.
3. 닫기는 복원하지 않고 창을 닫습니다.
4. 복원 버튼이 보이면 해당 저장 상태로 되돌립니다.

### 15. 미리보기와 홈페이지에 저장

다이얼로그에서 편집 내용 적용을 눌러도 아직 최종 저장은 아닙니다. 저장 전 미리보기로 확인한 뒤 홈페이지에 저장을 눌러야 합니다.

![15. 미리보기와 홈페이지에 저장](screenshots/home-editor-hide-preview-save.png)

조작 포인트:
1. 숨기기/보이기로 홈페이지 노출 여부를 조정합니다.
2. 저장 전 미리보기로 저장 전 상태를 확인합니다.
3. 홈페이지에 저장을 눌러 현재 편집 내용을 저장합니다.

## 소식/공지

공지사항을 작성, 수정하고 홈페이지 공개 상태를 관리합니다.

### 1. 소식/공지 목록

공지사항 목록에서 작성, 수정, 공개 중지, 복구, 완전삭제 버튼을 확인합니다. 복구와 완전삭제는 숨김 처리된 항목에만 보입니다.

![1. 소식/공지 목록](screenshots/notices-list.png)

조작 포인트:
1. 소식/공지 메뉴를 선택합니다.
2. 공지사항 작성 버튼으로 새 공지를 등록합니다.
3. 수정, 공개 중지, 복구, 완전삭제 버튼으로 상태를 관리합니다.

### 2. 공지사항 작성 다이얼로그

새 공지사항의 제목, 내용, 상단 고정, 공개 여부를 입력합니다.

![2. 공지사항 작성 다이얼로그](screenshots/notice-dialog-create.png)

조작 포인트:
1. 다이얼로그 제목에서 어떤 항목을 수정하거나 등록하는지 확인합니다.
2. 입력칸과 선택값을 확인하고 필요한 내용을 수정합니다.
3. 닫기 또는 취소는 현재 창을 닫습니다. 저장되지 않은 입력은 반영되지 않을 수 있습니다.

### 3. 공지사항 수정 다이얼로그

기존 공지사항의 제목, 내용, 상단 고정, 공개 여부를 수정합니다.

![3. 공지사항 수정 다이얼로그](screenshots/notice-dialog-edit.png)

조작 포인트:
1. 다이얼로그 제목에서 어떤 항목을 수정하거나 등록하는지 확인합니다.
2. 입력칸과 선택값을 확인하고 필요한 내용을 수정합니다.
3. 닫기 또는 취소는 현재 창을 닫습니다. 저장되지 않은 입력은 반영되지 않을 수 있습니다.

### 4. 공지사항 공개 중지 확인창

공개 중지하면 홈페이지에서는 보이지 않고 관리 목록에서 복구하거나 완전삭제할 수 있습니다.

![4. 공지사항 공개 중지 확인창](screenshots/notice-confirm-hide.png)

조작 포인트:
1. 확인창 제목으로 어떤 작업을 진행하려는지 확인합니다.
2. 설명 문구에서 작업 결과와 복구 가능 여부를 확인합니다.취소를 누르면 아무 변경 없이 확인창을 닫습니다.공개 중지 버튼을 누르면 해당 작업이 실행됩니다.

## 게시판

게시판 설정과 게시글을 작성, 수정하고 공개 상태를 관리합니다.

### 1. 게시판 화면

상단은 게시판 설정, 하단은 게시글 목록입니다. 게시판과 게시글은 각각 추가, 수정, 숨김 또는 공개 중지를 할 수 있습니다.

![1. 게시판 화면](screenshots/board-list.png)

조작 포인트:
1. 게시판 메뉴를 선택합니다.
2. 게시판 추가 또는 게시글 작성 버튼으로 새 항목을 등록합니다.
3. 게시글의 공개 상태와 관리 버튼을 확인합니다.

### 2. 게시판 추가 다이얼로그

게시판 이름, 설명, 방문자 글쓰기, 댓글, 승인 후 공개 여부를 설정합니다.

![2. 게시판 추가 다이얼로그](screenshots/board-dialog-create.png)

조작 포인트:
1. 게시판을 메뉴를 선택하고 게시판 추가 버튼을 클릭합니다.
2. 게시판 용도를 선택합니다.
3. 게시판 용도에 따라 옵션이 바뀝니다. 수동으로도 선택할 수 있습니다.
4. 저장하기 버튼으로 현재 창의 내용을 반영합니다.

### 3. 게시판 설정 수정 다이얼로그

기존 게시판의 이름, 설명, 방문자 글쓰기, 댓글, 승인 후 공개 여부를 수정합니다.

![3. 게시판 설정 수정 다이얼로그](screenshots/board-dialog-edit.png)

조작 포인트:
1. 수정 버튼을 클릭합니다.
2. 입력칸과 선택값을 확인하고 필요한 내용을 수정합니다.
3. 닫기 또는 취소는 현재 창을 닫습니다. 저장되지 않은 입력은 반영되지 않을 수 있습니다.

### 4. 게시판 숨김 처리 확인창

게시판을 숨기면 홈페이지에서 사용할 수 없습니다. 게시글 자체는 삭제되지 않습니다.

![4. 게시판 숨김 처리 확인창](screenshots/board-confirm-hide.png)

조작 포인트:
1. 게시판 숨김처리를 클릭합니다.
2. 확인 창 이후 게시판을 숨김처리 할 수 있습니다.

### 5. 게시판 복구 확인창

숨김 처리한 게시판을 홈페이지에서 다시 사용할 수 있게 복구합니다.

![5. 게시판 복구 확인창](screenshots/board-confirm-restore.png)

조작 포인트:
1. 복구 버튼을 클릭합니다.
2. 게시판을 복구를 선택할 수 있습니다.

### 6. 게시판 완전삭제 확인창

완전삭제하면 관리 목록에서도 사라지며 복구할 수 없습니다.

![6. 게시판 완전삭제 확인창](screenshots/board-confirm-delete.png)

조작 포인트:
1. 완전 삭제 버튼을 클릭합니다.
2. 숨김처리 했던 게시판을 완전 삭제할 수 있습니다.

### 7. 게시글 작성 다이얼로그

게시판, 분류, 작성자, 제목, 내용, 자료 링크, 버튼 문구를 입력합니다.

![7. 게시글 작성 다이얼로그](screenshots/board-post-dialog-create.png)

조작 포인트:
1. 게시글 작성 버튼을 클릭합니다.
2. 글을 게시할 게시판을 선택합니다.
3. 필요한 내용을 입력하세요.
4. 저장하기 버튼으로 현재 창의 내용을 반영합니다.

### 8. 게시글 수정 다이얼로그

기존 게시글의 내용, 비밀글, 상단 고정, 공개 여부를 수정합니다.

![8. 게시글 수정 다이얼로그](screenshots/board-post-dialog-edit.png)

조작 포인트:
1. 수정버튼을 클릭합니다.
2. 필요한 내용을 입력하세요.
3. 저장하기 버튼으로 현재 창의 내용을 반영합니다.

### 9. 게시글 공개 중지 확인창

공개 중지한 게시글은 홈페이지와 목록에서 보이지 않습니다.

![9. 게시글 공개 중지 확인창](screenshots/board-post-confirm-hide.png)

조작 포인트:
1. 공개중지 버튼을 클릭하세요.
2. 확인창을 통해 공개 중지가 가능합니다.

## 구성원

홈페이지에 소개할 구성원을 추가, 수정하고 노출 상태를 관리합니다.

### 1. 구성원 목록

구성원 목록에서 추가, 수정, 숨기기, 복구, 완전삭제 버튼을 확인합니다. 복구와 완전삭제는 숨김 처리된 구성원에만 보입니다.

![1. 구성원 목록](screenshots/staff-list.png)

조작 포인트:
1. 구성원 메뉴를 선택합니다.
2. 구성원 추가 버튼으로 새 구성원을 등록합니다.
3. 수정, 숨기기, 복구, 완전삭제 버튼으로 상태를 관리합니다.

### 2. 구성원 추가 다이얼로그

이름, 역할, 소개 문구, 사진, 표시 순서, 공개 여부를 입력합니다.

![2. 구성원 추가 다이얼로그](screenshots/staff-dialog-create.png)

조작 포인트:
1. 구성원 메뉴를 선택합니다.
2. 구성원 추가 버튼을 클릭합니다.
3. 필요한 내용을 입력합니다. 이미지는 홈페이지에 공개됩니다.
4. 저장하기 버튼으로 현재 창의 내용을 반영합니다.

### 3. 구성원 정보 수정 다이얼로그

기존 구성원의 이름, 역할, 소개 문구, 사진, 표시 순서, 공개 여부를 수정합니다.

![3. 구성원 정보 수정 다이얼로그](screenshots/staff-dialog-edit.png)

조작 포인트:
1. 수정버튼을 클릭합니다.
2. 필요한 정보를 입력합니다.
3. 공개여부와 표시순서를 결정할 수 있습니다.
4. 저장하기 버튼으로 현재 창의 내용을 반영합니다.

### 4. 구성원 숨김 확인창

숨김 처리한 구성원은 홈페이지와 목록에서 보이지 않습니다.

![4. 구성원 숨김 확인창](screenshots/staff-confirm-hide.png)

조작 포인트:
1. 숨기기 버튼을 클릭합니다.
2. 확인창을 통해 구성원을 숨김처리합니다.

## 사진

홈페이지에 보여줄 사진을 추가하고 숨김 사진을 복구하거나 완전삭제합니다.

### 1. 사진 목록

사진 목록에서 추가, 수정, 숨기기, 복구, 완전삭제 버튼을 확인합니다. 버튼은 사진 상태에 따라 다르게 보입니다.

![1. 사진 목록](screenshots/gallery-list.png)

조작 포인트:
1. 사진 메뉴를 선택합니다.
2. 사진 추가 버튼으로 이미지를 등록합니다.
3. 방문자에게 보이는 사진 설명과 상태를 확인합니다.

### 2. 사진 추가 다이얼로그

사진 이미지, 설명, 표시 순서, 공개 여부를 입력합니다.

![2. 사진 추가 다이얼로그](screenshots/gallery-dialog-create.png)

조작 포인트:
1. 사진 메뉴를 선택합니다.
2. 사진 추가 버튼을 클릭합니다.
3. 필요한 내용을 입력합니다.
4. 저장하기 버튼으로 현재 창의 내용을 반영합니다.

### 3. 사진 복구 확인창

숨김 처리한 사진을 홈페이지 노출 설정에 따라 다시 표시합니다.

![3. 사진 복구 확인창](screenshots/gallery-confirm-restore.png)

조작 포인트:
1. 복구버튼을 클릭합니다.
2. 확인창을 통해 사진을 노출할 수 있습니다.

### 4. 사진 완전삭제 확인창

완전삭제하면 관리 목록에서도 사라지며 복구할 수 없습니다.

![4. 사진 완전삭제 확인창](screenshots/gallery-confirm-delete.png)

조작 포인트:
1. 완전 삭제 버튼을 클릭합니다.
2. 확인창을 통해 사진을 완전 삭제할 수 있습니다.

## 신청 기능 설정

홈페이지 상담신청과 수강신청 폼의 노출 항목과 필수값을 설정합니다.

### 1. 신청 기능 설정 화면

상담신청과 수강신청 중 수정할 탭을 선택합니다.

![1. 신청 기능 설정 화면](screenshots/application-settings-overview.png)

조작 포인트:
1. 신청 기능 설정 메뉴를 선택합니다.
2. 상담신청과 수강신청 중 수정할 탭을 선택합니다.
3. 신청 기능 저장 버튼으로 설정을 저장합니다.

### 2. 노출 항목과 필수값 설정

홈페이지 신청폼에 보일 항목을 켜거나 끄고, 반드시 받을 값은 필수로 설정합니다.

![2. 노출 항목과 필수값 설정](screenshots/application-settings-fields.png)

조작 포인트:
1. 항목 표시 여부를 조정합니다.
2. 필수 입력 여부를 조정합니다.
3. 방문자에게 보일 문구와 안내를 정리합니다.

### 3. 신청 기능 저장

변경 후 신청 기능 저장 버튼을 눌러 홈페이지 신청폼 설정을 저장합니다.

![3. 신청 기능 저장](screenshots/application-settings-save.png)

조작 포인트:
1. 변경사항 저장 버튼으로 설정을 저장합니다.
2. 저장 완료 안내가 보이면 신청폼에 적용됩니다.

## 미리보기

저장된 홈페이지를 관리자 화면에서 확인하고 공개 홈페이지에서 최종 반영 상태를 확인합니다.

### 1. 미리보기 화면

미리보기 메뉴에서는 현재 저장된 홈페이지를 관리자 화면 안에서 확인합니다.

![1. 미리보기 화면](screenshots/preview-page.png)

조작 포인트:
1. 미리보기 메뉴를 선택합니다.
2. PC 미리보기 화면을 확인합니다.

### 2. 실제 홈페이지 확인

홈페이지에 저장 후 고객 홈페이지 주소에서 최종 반영 상태를 확인합니다.

![2. 실제 홈페이지 확인](screenshots/public-homepage-check.png)

조작 포인트:
1. 브라우저 주소가 고객 홈페이지 주소인지 확인합니다.
2. 관리자에서 저장한 내용이 방문자 화면에 보이는지 확인합니다.

## 인쇄와 파일 열기

HTML 파일은 외부 라이브러리 없이 작성되어 file://로 열어도 단계 이동 버튼이 동작합니다. 인쇄할 때는 모든 단계가 펼쳐집니다.