# 디자인 에디터란? - 1분 개념 이해

이 페이지에서는 **디자인 에디터의 핵심 개념**을 기존 스킨 방식과 비교해 알기 쉽게 설명합니다. '위젯'이 무엇인지, 에이전시와는 어떻게 함께 쓰는지 1분 안에 파악해 보세요.

***

### 핵심 개념 - "전체 교체"가 아닌 "부품 교환"

기존 스킨 방식은 쇼핑몰 전체를 하나의 완성된 코드 덩어리로 만드는 방식입니다. 자동차로 비유하면, 차량 전체를 한 번에 조립해 놓고 이후에는 함부로 손댈 수 없는 구조입니다.

**디자인 에디터는 다릅니다.** 화면을 기능 단위의 **'위젯'** 으로 구성합니다. 각 위젯은 독립적으로 추가·이동·교체할 수 있습니다. 마치 레고 블록처럼, 필요한 위젯을 붙이고 빼고 위치를 바꿀 수 있는 구조입니다.

***

### 기존 방식 vs. 디자인 에디터 한눈에 비교

| 구분        | 기존 스킨 방식           | 디자인 에디터           |
| --------- | ------------------ | ----------------- |
| **수정 방법** | HTML/CSS 코드 직접 수정  | 드래그 앤 드롭으로 시각적 편집 |
| **코딩 지식** | 필수 (에이전시 필요)       | 불필요 (운영자 직접 가능)   |
| **수정 속도** | 에이전시 일정에 따라 수일\~수주 | 실시간 즉시 반영         |
| **비용**    | 수정마다 튜닝 비용 발생      | 추가 비용 없이 직접 수정    |
| **유연성**   | 전문가 없이 불가          | 위젯 단위로 손쉬운 커스터마이징 |

***

### 디자인 에디터와 에이전시, 함께 쓰는 방법

디자인 에디터로 배너 교체, 상품 진열 변경, 색상·폰트 조정 같은 **일상적인 작업**은 코딩 없이 직접 처리할 수 있습니다.

쇼핑몰만의 특별한 기능이 필요할 때는 에이전시와 협력하여, 에이전시는 커스텀 기능을 **HTML 위젯**으로 제작하고 이후 운영자가 에디터에서 직접 배치·관리할 수 있습니다.

> 에이전시가 한 번 만들어준 HTML 위젯은 운영자가 에디터에서 드래그 앤 드롭으로 원하는 위치에 배치할 수 있습니다. 이후 재배치나 교체도 에이전시 도움 없이 직접 할 수 있습니다.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://godomall-help.nhn-commerce.com/design-editor/solution/concept.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.