# SpreadJS 디자이너 컴포넌트

## Content

SpreadJS는 스프레드시트 컴포넌트 외에도 웹 애플리케이션에 포함할 수 있는 다양한 디자이너 컴포넌트를 제공합니다. 이러한 컴포넌트를 사용하면 몇 번의 클릭만으로 스프레드시트를 쉽게 사용자 지정할 수 있습니다. 디자이너 컴포넌트에는 리본, 수식 입력줄, 상태 표시줄, 사이드 패널, 컨텍스트 메뉴가 포함됩니다. 이러한 컴포넌트는 각각에 맞는 래퍼(wrapper)를 사용하여 React, Angular, 또는 Vue 프레임워크에 포함시킬 수도 있습니다.
**SpreadJS 디자이너 컴포넌트는 로컬에 설치하여 스프레드시트 템플릿을 커스터마이즈할 수 있는 [SpreadJS 템플릿 디자이너](/spreadjs/docs/v18/spdesigner)와는 별개의 기능입니다.**
SpreadJS 디자이너 컴포넌트에 내장된 대화 상자와 옵션을 사용하면 하이퍼링크 색상, 셀 여백, 스프레드시트 설정 등 세부 항목까지 정의할 수 있습니다. 또한 새 버튼이나 탭을 추가하거나 기존 항목을 수정하여 디자이너 컴포넌트를 커스터마이즈할 수도 있습니다.

> **참고**: SpreadJS 디자이너 컴포넌트를 애플리케이션에 배포하려면 별도의 배포 라이선스가 필요합니다. 라이선스에 대한 자세한 내용은 [시작하기](/spreadjs/docs/v18/spreadjs-designer-component/getting-started-designer)를 참조하세요.

아래 이미지는 빈 스프레드시트 컴포넌트에 통합된 디자이너 컴포넌트를 보여줍니다.
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/216c2e7e-5246-4c37-8843-3854aa344a6a/image.fd9b32.png?width=1200)
디자이너 컴포넌트에 대해 더 알아보려면 다음 주제를 참고하세요:

| **주제** | **코멘트** |
| --- | --- |
| [시작하기](/spreadjs/docs/v18/spreadjs-designer-component/getting-started-designer) | 디자이너 컴포넌트를 시작하기 위한 설치 파일과 라이선스에 대한 정보를 제공합니다. |
| [빠른 시작](/spreadjs/docs/v18/spreadjs-designer-component/quick-start-designer) | 새 스프레드시트 및 기존 스프레드시트와 함께 디자이너 컴포넌트를 초기화하는 단계별 안내입니다. |
| [테마](/spreadjs/docs/v18/) | 세 가지 사전 정의된 테마와 사용자 정의 테마 시스템을 제공합니다​. |
| [디자이너 컴포넌트 인터페이스](/spreadjs/docs/v18/spreadjs-designer-component/designerinterface) | 디자이너 컴포넌트의 기본 레이아웃을 보여줍니다. |
| [JavaScript 프레임워크](/spreadjs/docs/v18/spreadjs-designer-component/designer-javaScript-frameworks) | 디자이너 컴포넌트와 함께 사용할 수 있는 JavaScript 프레임워크 목록입니다. |
| [사용자 정의](/spreadjs/docs/v18/spreadjs-designer-component/customizations) | 여러 명령을 추가, 제거 또는 재정의하여 디자이너 컴포넌트를 커스터마이즈합니다. |
| [디자이너 컴포넌트에서 작업하기](/spreadjs/docs/v18/spreadjs-designer-component/spdesignerwork) | 디자이너 컴포넌트의 리본 메뉴 옵션을 사용해 셀, 열, 행, 시트 및 전체 스프레드시트에 대한 설정을 지정합니다. |
| [툴바 리본](/spreadjs/docs/v18/spreadjs-designer-component/designer-toolbar-ribbon) | SpreadJS 기능을 위한 다양한 리본 모드를 제공합니다. |
| [API 문서](/spreadjs/docs/v18/spreadjs-designer-component/Designer_API_documentation) | SpreadJS 디자이너 컴포넌트 API의 네임스페이스를 제공합니다. |