> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/kr/onboarding/playground.md).

# 플레이그라운드

Beachside로 만들기를 시작하기 전에, 인터페이스를 탐색하는 방법에 대한 몇 가지 팁을 알려드릴게요. 이 6가지 개념만 익히면 바로 시작할 수 있습니다!

{% @arcade/embed flowId="JXHS0kU4v5UsFb3MKItr" url="<https://app.arcade.software/share/JXHS0kU4v5UsFb3MKItr>" %}

1. **플레이그라운드 이름:** 언제든지 이름을 변경하려면 더블클릭하세요.
2. **무한 캔버스:** 자유롭게 확대 및 축소할 수 있으며, 원하는 만큼 많은 씬을 만들 수 있습니다.
3. **씬:** 플레이그라운드 안에서 만드는 창작물을 부르는 이름입니다.
4. **라이브러리:** 팀 자산에 접근하고 플레이그라운드에서 사용할 파일을 업로드합니다.
5. **작업 메뉴:** 의도 기반 창작 작업입니다.
6. **도구 메뉴:** 작업을 돕고 지원하는 수동 도구입니다.

***

## 플레이그라운드 열기

플레이그라운드를 열면 이미지 또는 텍스트 중 무엇으로 시작할지 선택하라는 메시지가 표시됩니다. Beachside를 사용하면 텍스트 프롬프트로 이미지를 처음부터 만들거나 기존 이미지에서 이어서 작업할 수 있습니다. 선택하세요 <kbd><mark style="color:$primary;">**이미지에서 시작**<mark style="color:$primary;"></kbd>.

<div data-with-frame="true"><figure><img src="/files/8d539897b562441a0821ad43d3dd634af7c222a9" alt=""><figcaption></figcaption></figure></div>

&#x20;

***

## 라이브러리에 자산 업로드

생성하기 전에 이 이미지 자산을 플레이그라운드 라이브러리에 저장하고 업로드하세요. 한 번 여기 업로드하면 다시 업로드할 필요가 없습니다. 다음 단계로 진행하기 전에 로컬에 다운로드하여 저장하세요.

{% file src="/files/a9e60e6e3d63056ab1ad7a76601ed10403b73c76" %}

{% file src="/files/c26e870e0bb94fe516d904eb04dc0fd67445b64a" %}

{% stepper %}
{% step %}

### 업로드 패널 열기

화면 왼쪽 하단에서 <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> 업로드 패널의 아이콘을 선택하세요:

<div data-with-frame="true"><figure><img src="/files/7e5fb0db05c6b8936fc72a71af65c635115fec06" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 이미지 업로드

1. 파일 선택 및 업로드\
   지정된 영역에 이미지 파일을 선택하거나 드래그하여 업로드하세요. 각 파일은 최대 30MB까지 가능하며, 한 번에 최대 10개 파일까지 업로드할 수 있습니다.
2. 선택 <kbd><mark style="color:$primary;">**확인**<mark style="color:$primary;"></kbd> 을 눌러 업로드를 완료하고 플레이그라운드로 돌아가세요.

<div data-with-frame="true"><figure><img src="/files/974ca2173e928fd7bc985a9e6949137aff214b38" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="/files/b38a21567558a485fd072e0f2dbbc9b0c842f21c" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 생성 계속하기

**드래그 앤 드롭** 이미지를 **씬에** 끌어다 놓아 생성을 시작하세요:

<div data-with-frame="true"><figure><img src="/files/1cfdd01b2f3e7ed000b6bed50b941859878e42bd" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

***

## 제품 자산을 플레이그라운드에 연결하기

이제 제품 자산을 플레이그라운드 라이브러리에 연결해봅시다. 한 번 여기 업로드하면 다시 업로드할 필요가 없습니다.&#x20;

{% stepper %}
{% step %}

### 제품 패널 열기

화면 왼쪽 하단에서 <i class="fa-plus-large" style="color:$primary;">:plus-large:</i> 제품 패널의 아이콘:

<div data-with-frame="true"><figure><img src="/files/c3f9249d38b9acc492eb0de4a4aa74ae477a0a29" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 제품 선택

1. 왼쪽 목록에서 브랜드를 선택하세요.
2. 업로드할 제품을 선택하세요.
3. 클릭하여 <kbd><mark style="color:$primary;">**선택**<mark style="color:$primary;"></kbd> 라이브러리에 추가하세요.

<div data-with-frame="true"><figure><img src="/files/bac8a30279e3844a4275f59b43a28ed4d9ec084f" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### 제품 더 업로드하기

필요에 따라 추가 제품을 더하기 위해 이 과정을 계속 반복하세요.
{% endstep %}
{% endstepper %}

***

## 마지막 단계&#x20;

Beachside로 첫 작품을 생성하세요!

{% content-ref url="/pages/d87e57d732958c2d25e9a7fe18ccfab977ec1065" %}
[첫 번째 생성](/main/kr/onboarding/firstgeneration.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://docs.theseaai.com/main/kr/onboarding/playground.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.