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

# 편집 및 미리보기

> Manus를 사용하면 즉각적인 피드백과 자연어 편집을 통해 웹 앱을 구축하고 개선할 수 있습니다.

### 편집: 쉽고 대화형 변경

Manus에서 웹 애플리케이션을 편집하는 것은 대화하는 것만큼 간단합니다. 코드를 작성하거나 복잡한 메뉴를 탐색할 필요가 없습니다. 단일 수정부터 대규모 업데이트까지 원하는 내용을 자연어로 설명하여 사이트를 변경할 수 있습니다.

#### 시각적 편집

Manus 1.5는 웹사이트를 편집하는 3가지 유연한 방법을 도입했습니다.

### **빠른 스타일 제어**

요소를 클릭하면 즉시 스타일 패널이 열립니다. 기다릴 필요도, 프롬프트(명령어)를 입력할 필요도 없이 바로 제어할 수 있습니다.

* 색상: 배경, 텍스트, 테두리 변경
* 타이포그래피: 글꼴, 크기, 굵기 조정
* 간격: 패딩, 여백, 간격 수정
* 테두리: 스타일, 너비, 반경 업데이트

신속한 디자인 반복 및 미세 조정에 적합합니다.

### **프롬프트 기반 일괄 편집**

워크플로우를 더욱 효율적으로 만들기 위해 Manus는 다음을 수행할 수 있도록 합니다.**프롬프트 기반 그룹 편집**. 단일 프롬프트에 여러 변경 사항을 설명할 수 있으며, Manus는 이를 지능적으로 묶어 단일 업데이트로 함께 적용합니다. 이는 명령을 하나씩 내릴 필요 없이 일련의 관련 조정을 수행하는 데 적합합니다.

예를 들어, 다음과 같은 단일의 포괄적인 지침을 제공할 수 있습니다.

> "좋습니다. 몇 가지 변경 사항을 적용해 보겠습니다. 먼저, 기본 제목을 더 굵게 만들고 색상을 저희 브랜드의 진한 파란색으로 변경합니다. 다음으로, 가격표의 간격을 더 여유 있게 조정합니다. 마지막으로, 전체 푸터 섹션의 배경색을 밝은 회색으로 변경합니다."

Manus는 프롬프트 내의 개별 요청을 이해하고 모든 요청을 한 번에 실행하여 시간과 노력을 절약해 줍니다.

| 편집 유형    | 예시 프롬프트                           |
| :------- | :-------------------------------- |
| **스타일링** | `"모든 제목의 글꼴을 Georgia로 변경합니다."`    |
| **레이아웃** | `"이 목록의 항목 사이 간격을 늘립니다."`         |
| **콘텐츠**  | `"기본 버튼의 텍스트를 '지금 시작하기'로 변경합니다."` |
| **구조**   | `"이 섹션을 복제하여 연락처 양식 아래에 배치합니다."`  |

### AI 편집: 당신의 창의적인 파트너

더 복잡하거나 창의적인 변경을 위해서는 AI 편집 기능을 사용할 수 있습니다. 요소를 선택하고 Manus에게 개선을 요청하기만 하면 됩니다. 이는 마치 디자인 컨설턴트와 카피라이터를 바로 옆에 두고 있는 것과 같습니다.

| 목표          | 예시 프롬프트                                     |
| :---------- | :------------------------------------------ |
| **카피 개선**   | `"이 헤드라인을 더 매력적이고 혜택 지향적으로 다시 작성합니다."`      |
| **디자인 향상**  | `"이 섹션에 더 좋고 현대적인 색상 팔레트를 제안합니다."`          |
| **레이아웃 개선** | `"이 기능 목록을 시각적으로 더 매력적이고 스캔하기 쉽도록 재구성합니다."` |

Manus는 제안을 제공하고 변경 사항을 적용하여 디자인과 콘텐츠를 콘텐츠 품질 이상으로 쉽게 향상시킬 수 있도록 합니다.

Manus는 웹 애플리케이션을 실시간으로 편집하고 미리 볼 수 있는 원활한 경험을 제공합니다. 이를 통해 신속한 반복 작업이 가능하며 변경 사항을 적용하는 동시에 시각적으로 확인할 수 있습니다.

## 미리보기: 애플리케이션을 실시간으로 확인

Manus는 전체 개발 프로세스 동안 웹 애플리케이션의 실시간 대화형 미리보기를 제공합니다. 이를 통해 변경 사항이 발생하는 즉시 확인하고 실제 환경에서 애플리케이션 기능을 테스트할 수 있습니다.

### 데스크톱/모바일

미리보기 창을 통해 데스크톱 및 모바일 보기 간에 전환할 수 있으므로 애플리케이션이 반응형이며 모든 장치에서 멋지게 보입니다. 다양한 화면 크기에서 사용자 경험을 테스트하고 필요에 따라 조정하여 데스크톱 및 모바일 사용자 모두에게 최적화할 수 있습니다.

### 경로

미리보기 창에는 보고 있는 페이지의 현재 경로를 표시하는 URL 표시줄이 포함되어 있습니다. 이는 애플리케이션 내의 특정 페이지로 이동하고 사이트의 URL 구조를 이해하는 데 유용합니다.

### 전체 화면

보다 몰입감 있는 경험을 위해 미리보기를 전체 화면 모드로 확장할 수 있습니다. 이는 이해관계자에게 애플리케이션을 발표하거나 주변 인터페이스의 방해 없이 사이트의 전반적인 모양과 느낌을 더 잘 파악하는 데 특히 유용합니다.

#### 라이브 미리보기

개발 프로세스 초기부터 애플리케이션의 실시간 대화형 미리보기를 사용할 수 있습니다. 이를 통해 요청 결과를 즉시 확인하고 조정에 대한 피드백을 제공할 수 있습니다. 라이브 미리보기는 반복적인 개발 프로세스의 필수적인 부분으로, 자연어 명령을 사용하여 애플리케이션을 개선하고 변경 사항이 즉시 반영되는 것을 확인할 수 있습니다.