복잡한 페이지, 게시글의 경우 [소스] 버튼을 클릭해 소스를 백업하신 후
수정하시는 것을 권장드립니다.

1. [소스] 버튼을 클릭해 소스를 수정할 수 있습니다.
2. 페이지, 게시글 등 홈페이지와 관련된 소스가 표시됩니다.
   • 전체 내용을 백업하고 메모장 또는 코드 에디터로 수정하시는 것을 권장드립니다.
   • 홈페이지 내 텍스트 변경하기
   • 이미지를 업로드하여 교체하기
   • 파일 관리자 업로드 파일 교체 방법 (이미지/파일)
3. [삼각형 아이콘] 클릭 후 드래그 하여 에디터 사이즈를 조절할 수 있습니다.

• 직접 수정이 어려우신 경우 대행 유지보수를 지원해 드리고 있습니다. 대행 유지보수 항목 확인하기
• HTML 작성 시 기본적인 웹 지식이 필요합니다. 아래의 사이트에서 웹 표준 기술에 대한 기초적인 학습이 필요합니다. HTML 학습하기(MDN)
• HTML 수정 시 [CSS 스타일 시트]도 함께 수정이 필요하실 수 있습니다.
• 코드 에디터는 Microsoft 사의 오픈소스 코드에디터 Visual Studio Code를 권장드립니다. 다운로드 하기(Visual Studio Code)
• ⚠️ 데이터베이스 명령어 / 스크립트 등 시스템 오류를 유발할 수 있는 텍스트 입력 시 요청이 차단됩니다.

1. [아이콘]을 클릭한 상태로 드래그하여 사진의 위치를 변경할 수 있습니다.
2. [사진]
   • [1회 클릭] 선택하여 이미지 스타일을 지정하거나, 위치를 변경할 수 있습니다.
   • [1회 클릭, 복사 붙여넣기] 복사한 이미지를 붙여 넣으실 경우 해당 붙여넣은 이미지로 교체됩니다.
     • 컴퓨터 폴더에서 복사한 이미지 파일
     • Figma에서 복사(Copy as Png)한 png 파일
     • Photoshop에서 복사한 이미지 레이어
   • [더블 클릭] 이미지 속성을 확인할 수 있습니다.
3. [사진]을 우클릭 후 관련 메뉴를 확인할 수 있습니다.
4. [이미지 속성]을 클릭해 사진 속성을 변경할 수 있습니다.
   • 속성 변경을 통해 이미지를 업로드하여 변경할 수 있습니다.

텍스트 에디터 툴바 내 [사진] 버튼을 클릭해 사진을 업로드하거나,
드래그앤드롭으로 업로드할 수 있습니다.

1. [업로드] 탭을 선택합니다.
2. [파일 선택] 버튼을 클릭해 사진을 선택합니다.
3. [서버로 전송] 버튼을 클릭해 서버로 업로드 합니다.
   • 이미지는 "/public/upload/img/" 경로에 특수문자로 업로드 됩니다.
   • 파일 관리자 사용하기
4. [URL] 현재 업로드 된 사진 파일의 URL 입니다.
5. [대체 문자열] 사진을 불러오지 못했을 경우 표시되는 대체 문자열입니다.
6. [너비*높이] 사진의 너비와 높이를 설정합니다.
7. [아이콘] 너비와 높이를 잠금 및 초기화를 할 수 있습니다.
8. [정렬] 사진의 위치를 설정합니다.
9. [이미지 설명 넣기] 업로드 된 사진에 설명을 추가할 수 있는 영역을 생성합니다.
10. [확인] 버튼을 클릭해 업로드 합니다.

• 원본 게시글을 복사하여 사용하실 경우 복사 또는 원본게시글이 삭제될 경우 이미지가 삭제되실 수 있습니다.
• 사진은 게시글 마다 업로드 해주시는 것을 권장드립니다.

1. [굵게]설정합니다. 
2. [기울임 꼴]을 설정합니다.
3. [밑줄]을 설정합니다 .
4. [취소선]을 설정합니다.
5. [아래 첨자]를 추가합니다.
6. [위 첨자]를 추가합니다.
7. [포맷 복사] 선택된 서식을 복사합니다.
8. [형식 삭제] 형식을 삭제합니다.
9.  [순서 있는 목록]을 지정합니다.
10. [순서 없는 목록]을 지정합니다.
11. [내여쓰기]를 적용합니다.
12. [들여쓰기]를 적용합니다.
13. [인용 단락]을 생성합니다.
14. [DIV]를 생성합니다.
15. [왼쪽 정렬]을 적용합니다. 
16. [중앙 정렬]을 적용합니다.
17. [오른쪽 정렬]을 적용합니다.
18. [양쪽 정렬]을 적용합니다.
19. 텍스트 방향을 왼쪽에서 오른쪽으로 변경합니다.
20. 텍스트 방향을 오른쪽에서 왼쪽으로 변경합니다.
21. [언어]를 설정합니다.
22. [링크]를 적용/수정합니다.
23. [링크 삭제] 적용 링크를 삭제합니다.
24. 이미지를 추가합니다.
25. [표]를 추가합니다.
26. [가로줄]을 추가합니다.
27. [특수문자]를 삽입합니다.
28. [아이프레임]을 삽입합니다.
29. [스타일]을 설정합니다.
30. [문단 형식]을 설정합니다.
31. [글꼴]을 선택합니다.
32. [문단 크기]를 설정합니다.
33. [글자 색상]을 설정합니다.
34. [배경 색]을 설정합니다.
35. [HTML 소스]를 확인합니다.
36. [HTML 구조]를 확인합니다.