> For the complete documentation index, see [llms.txt](https://datatriple.gitbook.io/guidezang/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://datatriple.gitbook.io/guidezang/master.md).

# 가이드짱 처음 시작하기

## 샘플 안내장 복사

처음 회원가입 후 로그인하면 샘플 안내장을 볼 수 있다. 샘플 안내장은 회원 가입시 자동으로 만들어진다. 샘플 안내장은 나중에 계속 참조할 수 있도록 원형 그대로 보존하고, 샘플 안내장을 복사하여 새로운 안내장을 만든다.

![](/files/-LPzrdGdgoxvAYUanX6h)

샘플 안내장을 클릭하여 안내장 편집 화면으로 들어간다.

![](/files/-LPzsPDuvYClonBUfrxj)

화면 상단의 안내장 메뉴에서 '복사'를 클릭한다.

![](/files/-LPzsmiEOXHcTfc_8hkY)

복사가 성공적으로 완료되면 'Copy of 태국 여행 4박 5일 (Sample)'의 제목으로 새로운 안내장이 생성된다.

![](/files/-LPzuDWiaVGKXsB3WnF1)

제목 부분을 클릭하여 제목을 수정한다.

![](/files/-LPzvxMEibpwmPFsxftl)

'목록으로 돌아가기' 버튼이나 최상단의 '안내장' 메뉴를 선택하여 안내장 목록 화면으로 이동한다. 샘플 안내장과 새로 만든 안내장 등 2개의 안내장이 있음을 확인할 수 있다.

![](/files/-LPzwUWUqOXJMeQQ_m4E)

## 안내장 수정하기

'나의 첫번째 안내장'을 간단하게 수정해 보자.

가이드짱의 가장 큰 특징은 편집모드 화면과 보기모드 화면의 구분이 없다는 점이다. 편집 모드에서 보이는 안내장이 실제 최종 보여질 안내장과 동일하기 때문에 직관적으로 편집할 수 있다는 큰 장점이 있다.

안내장 목록에서 '나의 첫번째 안내장'을 클릭하여 편집 화면으로 들어간다. 

![](/files/-LQ-61IKsT0XktEvIy9W)

'행사소개' 버튼을 클릭하여 컨텐츠 페이지로 들어간다 

![](/files/-LQ-7s6_RBX7ghfL_-Pv)

이제 '행사소개'라고 되어있는 페이지 제목을 바꾸어보자. 

'행사소개' 텍스트를 클릭하면 편집 모드로 전환된다. '인사말'로 바꾸어 보자.

![](/files/-LQ-8gWXeZ7D5tas63vJ)

다음은 아래 텍스트 영역의 텍스트를 수정해 보자.

![](/files/-LQ-A2kef5zqMd_1x84z)

텍스트 부분을 클릭하면 전체 텍스트 블럭 영역의 외곽에 파란색 경계선이 표시되면서 편집 가능한 상태로 바뀐다. 이제 맨 앞부분에 '나의 첫번째 안내장에 오신것을 환영합니다'라는 텍스트를 추가해 보자.

추가했으면 ESC 키를 누르거나 안내장 밖 아무곳이나 클릭하여 편집 모드에서 빠져나온다.

변경된 내용은 자동으로 저장되므로 안내장 우측 상단 '저장' 버튼을 매번 누를 필요는 없다.

{% hint style="info" %}
저장 안된 상태에서 다른 페이지로 이동을 시도하면 변경된 내용을 잃게 된다는 경고 메시지 창이 표시된다. 이때 '저장' 버튼을 눌러서 확실하게 저장할 수 있다.
{% endhint %}

이제 '표지로 돌아가기' 버튼을 눌러 안내장 목록 화면으로 이동 후 다시 '나의 첫번째 안내장'을 클릭하여 들어가 보자. 변경된 내용이 그대로 있음을 확인할 수 있다.