> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/studio-editor/editor/getting-started.md).

# 스튜디오 에디터 시작하기

### 개요

스튜디오 에디터는 새 사이트를 생성할 때 선택해 사용할 수 있습니다. 기존 클래식 에디터 사이트를 스튜디오 에디터로 변경할 수 없으므로, 사이트를 만들기 전에 사용할 에디터를 먼저 선택해야 합니다.

이 가이드에서는 스튜디오 에디터 사이트를 새로 만들고, 생성한 사이트의 에디터에 다시 진입하는 방법을 안내합니다.

### 시작에 앞서

스튜디오 에디터는 클래식 에디터와 다른 방식으로 동작합니다. 따라서 기존 사이트를 전환하는 방식이 아니라, 새 사이트를 생성하는 과정에서 **스튜디오 에디터**를 선택해야 합니다.

* 스튜디오 에디터로 만든 사이트는 클래식 에디터로 변경할 수 없습니다.
* 반대로 클래식 에디터로 만든 사이트도 스튜디오 에디터로 변경할 수 없습니다.

### 2. 새 사이트 생성하기

스튜디오 에디터를 사용하려면 먼저 새 사이트를 생성합니다. 사이트 생성 과정에서 에디터 유형을 선택하고, 사이트 이름과 URL을 입력합니다.

1. [큐샵](https://qshop.ai/)에 접속하고 로그인합니다.
2. 오른쪽 상단에 위치한 **마이사이트**를 클릭합니다.
3. **사이트 생성하기** 버튼을 클릭합니다.
4. **사이트 생성** 모달이 나오면 **스튜디오 에디터** 탭을 선택합니다.
5. 생성 방식으로 **AI** 또는 **빈 페이지** 중 하나를 선택합니다.
6. **사이트 이름**을 입력합니다.
7. **사이트 URL**을 입력합니다.\ <mark style="color:blue;">도움말</mark>: 예를 들어, <mark style="color:$danger;">`mybrand2026`</mark> 을 입력하면 <mark style="color:$danger;">`https://mybrand2026.qshop.ai`</mark> 형식의 주소가 만들어집니다.)
8. **사이트 이용 목적**을 선택합니다.
9. **다음**을 클릭합니다.

새 사이트가 생성되고 스튜디오 에디터 화면으로 이동합니다.

{% hint style="info" %}
**도움말**: 큐샵으로 만든 사이트는 `https://내도메인.qshop.ai` 형식의 기본 주소를 제공합니다.  `내도메인.com`과 같은 개인 커스텀 도메인은 나중에 언제든 연결할 수 있습니다.
{% endhint %}

### 3. 스튜디오 에디터 사용자 인터페이스

사이트 생성이 완료되면 스튜디오 에디터 화면이 열립니다. 에디터 화면에서는 페이지를 만들고, 섹션과 레이아웃을 추가하고, 텍스트·이미지·버튼 같은 블록을 배치할 수 있습니다.

<figure><img src="/files/1LQCbpofC51Zg8laKLkB" alt=""><figcaption></figcaption></figure>

처음 에디터에 진입했다면 화면의 주요 영역을 먼저 확인합니다. 각 영역의 역할을 이해하면 이후 가이드를 따라가기 쉽습니다.

```
상단 툴바: 사이트 설정, 사이트 미리보기, 웹사이트 게시 등 사이트 운영 기능
좌측 사이드바: 디자인, 메뉴, 레이어, 스타일 등 추가 요소 관리
중앙 캔버스: 사이트 화면을 직접 확인하고 편집하는 영역
우측 사이드바: 선택한 요소의 컴포넌트, 스타일, 레이아웃 설정
```

### 4. 스튜디오 에디터 다시 진입하기

이미 생성한 스튜디오 에디터 사이트는 **마이사이트** 또는 **관리자 페이지**에서 다시 열 수 있습니다.

#### 방법1: 마이사이트에서 진입하기

1. [큐샵](https://qshop.ai/)에 로그인합니다.
2. 오른쪽 상단의 **마이사이트**를 클릭합니다.
3. 편집할 사이트를 찾습니다.
4. **에디터 바로가기**를 클릭합니다.

스튜디오 에디터로 진입합니다.

#### 방법2: 관리자 페이지에서 진입하기

1. 사이트 관리자 페이지에 접속합니다.
2. **에디터 바로가기**를 클릭합니다.

스튜디오 에디터로 진입합니다.

{% hint style="info" %}
**도움말**: 스튜디오 에디터로 만들어진 사이트는 [마이사이트](https://qshop.ai/sites)에 **스튜디오 에디터** 뱃지가 표시됩니다.
{% endhint %}

### 다음에 할 일

큐샵 스튜디오 에디터로 사이트를 생성하고, 사용자 인터페이스를 확인했다면 이제 페이지와 메뉴 구조를 만들고, 섹션, 레이아웃, 블록을 추가해 실제 화면을 구성해볼 수 있습니다.

다음 가이드로 넘어가 스튜디오 에디터 사용법에 대해 추가로 알아보세요.