> For the complete documentation index, see [llms.txt](https://devcenter-help.nhn-commerce.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://devcenter-help.nhn-commerce.com/design_editor.md).

# 디자인 에디터 개발 활용 가이드

{% hint style="success" %}

### 디자인 에디터를 쉽게 사용할 수 있도록 도와드려요!

HTML 위젯 모듈화 방식부터 페이지별 작업 원칙, 납품 체크리스트까지 디자인 에디터 환경에서 커스텀 스킨을 자신 있게 제작할 수 있도록 안내합니다.
{% endhint %}

## 가이드 목차

* [들어가며](/design_editor/intro.md)
  * [이 가이드를 읽기 전에](/design_editor/intro/overview.md)
  * ["커스텀이 안 된다"는 오해와 현실](/design_editor/intro/misconception.md)
* [PART I : 시스템 환경 이해](/design_editor/part1_system.md)
  * [8개 필수 페이지 운영 정책과 권한](/design_editor/part1_system/mvp.md)
  * [메인 페이지의 특별 권한](/design_editor/part1_system/main.md)
  * [빈 페이지 활용법](/design_editor/part1_system/empty.md)
  * [공통 관리 섹션 - 헤더·푸터·공지 배너](/design_editor/part1_system/common.md)
* [PART II : HTML 위젯 모듈화](/design_editor/part2_widget.md)
  * [기능 단위 조립 방식](/design_editor/part2_widget/assembly.md)
  * [작업 자산화](/design_editor/part2_widget/asset.md)
  * [CS 감소 효과](/design_editor/part2_widget/cs.md)
* [PART III : 페이지별 실전 작업 가이드](/design_editor/part3_guide.md)
  * [HTML 위젯 배치 핵심 원칙](/design_editor/part3_guide/principle.md)
  * [메인 페이지](/design_editor/part3_guide/main.md)
  * [상품 목록 / 상품 상세 / 검색결과](/design_editor/part3_guide/product.md)
  * [장바구니 / 주문서](/design_editor/part3_guide/cart.md)
  * [회원가입 / 로그인](/design_editor/part3_guide/member.md)
  * [공통 관리 섹션 작업 가이드](/design_editor/part3_guide/common.md)
* [PART IV : 작업 흐름 및 납품 체크리스트](/design_editor/part4_checklist.md)
* [PART V : 상점 고객 커뮤니케이션 가이드](/design_editor/part5_communication.md)
* [⭐ Coming Soon](/design_editor/coming_soon.md)
* [자주 묻는 질문 (FAQ)](/design_editor/faq.md)