> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anymorph.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 페이지 편집

> AI 채팅과 인라인 편집으로 생성된 페이지를 수정하고 게시합니다

페이지 편집기는 [온사이트](/ko/dashboard/on-site)에서 생성한 페이지를 다듬는 화면입니다. 자연어로 요청하거나 본문을 직접 고칠 수 있습니다.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/opactor/images/dashboard/page-editor.png" alt="페이지 편집기" />
</Frame>

<Note>
  이 화면은 아직 한국어로 번역되지 않아 버튼과 라벨이 영어로 표시됩니다. 이 문서는 화면에 보이는 영어 표기를 그대로 사용합니다.
</Note>

## 들어가는 방법

| 경로   | 방법                 |
| ---- | ------------------ |
| 목록에서 | 오른쪽 미리보기의 **Edit** |
| 상세에서 | 페이지 제목 클릭 후 콘텐츠 수정 |

<Note>
  편집에는 생성된 미리보기 결과물이 필요합니다. 생성이 진행 중이거나 실패한 페이지는 편집할 수 없습니다.
</Note>

## 화면 구성

| 영역    | 용도               |
| ----- | ---------------- |
| 왼쪽 패널 | AI 채팅으로 수정 요청    |
| 가운데   | 렌더링된 페이지에서 직접 편집 |
| 오른쪽   | 코멘트 레일           |
| 상단    | 저장, 게시           |

## AI 채팅으로 수정하기

왼쪽 패널의 입력창(**Describe what to change...**)에 자연어로 요청합니다.

```
인트로를 비교 중심으로 바꿔줘
이 문단에 근거를 더 추가해줘
전체 톤을 좀 더 전문적으로 다듬어줘
FAQ 섹션을 추가해줘
```

요청하면 변경 제안이 표시되고, 검토한 뒤 적용 여부를 결정합니다. 적용 전에는 본문이 바뀌지 않습니다.

<Tip>
  "더 좋게 해줘" 같은 모호한 요청보다 **무엇을, 어떤 방향으로** 바꿀지 지정하는 편이 결과가 정확합니다. 근거를 추가할 때는 어떤 자료를 쓸지 함께 알려주세요.
</Tip>

### 블록 삽입과 이미지 생성

채팅 입력창 옆에 두 가지 기능이 있습니다.

| 기능                 | 내용                        |
| ------------------ | ------------------------- |
| **Insert block**   | 새 블록이나 컴포넌트를 페이지에 삽입      |
| **Generate image** | 설명을 입력해 이미지를 생성하고 페이지에 넣기 |

이미지 생성은 별도 입력창(**Describe the image you want to generate...**)에 원하는 이미지를 설명하면 됩니다.

<Note>
  생성 이미지의 스타일은 [디자인](/ko/settings/design)의 hero 이미지 설정을 따릅니다. 브랜드 톤이 맞지 않으면 그쪽 설정을 먼저 확인하세요.
</Note>

## 직접 편집하기

렌더링된 페이지 안에서 텍스트를 선택하면 인라인 툴바가 나옵니다.

| 기능     | 용도             |
| ------ | -------------- |
| 서식     | 굵게, 기울임, 헤딩 등  |
| 링크     | 선택한 텍스트에 링크 삽입 |
| 인라인 AI | 선택한 부분만 AI로 수정 |
| 코멘트    | 해당 위치에 의견 남기기  |

## 코멘트

특정 블록에 의견을 남기고 스레드로 논의할 수 있습니다.

* 오른쪽 상단의 **Show comments (n)** 로 레일을 열고 닫습니다
* 입력창(**Add a comment…**)에 작성한 뒤 **Comment**로 등록합니다
* 코멘트는 블록에 고정되며, 어떤 블록에 달렸는지 표시됩니다

코멘트는 페이지 콘텐츠에 포함되지 않으며 게시된 페이지에는 나타나지 않습니다.

## 저장과 게시

상단 바에서 처리합니다.

| 동작 | 표시             | 결과                       |
| -- | -------------- | ------------------------ |
| 저장 | **Save draft** | 편집 내용을 보관. 라이브에는 반영되지 않음 |
| 게시 | **Publish**    | 배포를 실행해 라이브 페이지에 반영      |

저장 상태는 **Not saved**, **Saved just now**, 마지막 저장 시각 중 하나로 표시됩니다. 변경 사항이 없으면 **No unpublished changes**로 표시되고 게시가 비활성화됩니다.

게시 전에 확인 창이 표시됩니다. 이미 게시된 페이지를 다시 게시하면 라이브 콘텐츠가 교체됩니다.

<Warning>
  게시는 실제 도메인의 페이지를 바꿉니다. 이미 AI에 인용되고 있는 페이지라면 핵심 사실이 사라지지 않았는지 확인한 뒤 게시하세요.
</Warning>

## 동시 편집

다른 사람이 같은 페이지를 편집 중이면 배너가 표시됩니다. 완전히 잠기는 것은 아니며 **Take over**를 눌러 편집 권한을 가져올 수 있습니다.

<Warning>
  Take over를 하면 상대가 편집 중이던 작업이 중단될 수 있습니다. 누르기 전에 확인하세요.
</Warning>

## 작업 순서 권장

<Steps>
  <Step title="전체 구조부터">
    채팅으로 섹션 구성과 전개 방향을 먼저 잡습니다. 문장 다듬기를 먼저 하면 구조를 바꿀 때 다시 해야 합니다.
  </Step>

  <Step title="근거 보강">
    주장에 대응하는 근거가 있는지 확인하고 부족한 곳에 자료를 추가합니다. AI 인용은 구체적 사실에 걸립니다.
  </Step>

  <Step title="문장 다듬기">
    인라인 편집으로 표현을 정리합니다.
  </Step>

  <Step title="검토">
    코멘트로 팀 의견을 받습니다.
  </Step>

  <Step title="게시">
    Publish 후 [온사이트](/ko/dashboard/on-site)에서 인덱싱을 요청합니다.
  </Step>
</Steps>

## 문제 해결

<AccordionGroup>
  <Accordion title="편집기에 들어갈 수 없습니다">
    생성된 미리보기 결과물이 있어야 편집할 수 있습니다. 생성이 끝날 때까지 기다리거나, 빌드가 실패했다면 재생성하세요.
  </Accordion>

  <Accordion title="다른 사람이 편집 중이라는 배너가 뜹니다">
    Take over로 권한을 가져올 수 있지만 상대 작업이 중단될 수 있습니다. 먼저 확인한 뒤 사용하세요.
  </Accordion>

  <Accordion title="AI 제안이 의도와 다릅니다">
    적용하지 않고 요청을 구체화해 다시 시도하세요. 바꿀 대상과 방향을 명시하면 정확해집니다. 편집이 실패했다는 메시지가 나오면 다시 요청하면 됩니다.
  </Accordion>

  <Accordion title="저장했는데 라이브에 반영되지 않습니다">
    Save draft와 Publish는 다릅니다. 라이브 반영에는 Publish가 필요합니다.
  </Accordion>

  <Accordion title="Publish 버튼이 눌리지 않습니다">
    No unpublished changes 상태이거나 페이지가 아직 로딩 중입니다. 변경 후 저장하면 활성화됩니다.
  </Accordion>
</AccordionGroup>

## 관련 문서

<CardGroup cols={2}>
  <Card title="온사이트" icon="file-lines" href="/ko/dashboard/on-site">
    페이지 생성과 게시, 인덱싱을 다룹니다.
  </Card>

  <Card title="지식" icon="database" href="/ko/dashboard/knowledge-base">
    편집에 참고할 브랜드 규칙과 자료를 관리합니다.
  </Card>

  <Card title="디자인" icon="palette" href="/ko/settings/design">
    페이지 디자인과 이미지 생성 스타일을 설정합니다.
  </Card>

  <Card title="성과" icon="chart-line" href="/ko/dashboard/performance">
    게시한 페이지의 성과를 확인합니다.
  </Card>
</CardGroup>