> 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/learn/onboarding.md).

# 온보딩

Beachside 온보딩 교육에 오신 것을 환영합니다. 이 페이지에서 모든 교육 콘텐츠, 에셋, 튜토리얼을 찾을 수 있습니다. Beachside를 사용해 제작물을 생성, 수정, 다듬기, 확장하는 방법을 알아보세요.

***

<div data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FcPtoz9023JQ8BaYC2zuX%2Fgitbook_training_04.png?alt=media&amp;token=fc9eecfe-7b38-49e7-9981-9295d39ffccd" alt=""><figcaption></figcaption></figure></div>

<details>

<summary><strong>비치사이드란?</strong></summary>

비치사이드는 고품질 브랜드 캠페인을 위한 창의적 OS입니다. 일관성, 속도, 실제 제작 작업을 위해 설계되었습니다:

* **프롬프트가 아니라 의도 중심의 기능:** 모든 작업은 실제 창의적 의도와 일치합니다. 도구는 프롬프트가 아니라 달성하려는 목표에 반응합니다.
* **번아웃 없이 더 많이 만들기:** 비치사이드는 반복적이고 시간이 많이 드는 단계를 대신 처리합니다. 디자이너는 구성, 스토리텔링, 품질에 집중할 수 있습니다.
* **대규모 운영에도 바로 사용할 수 있는 제작 완성도:** 결과물은 일관되고 안정적이며 이커머스, 캠페인, 글로벌 에셋 배포에 바로 사용할 수 있습니다.

</details>

<details>

<summary><strong>할 수 있는 일</strong></summary>

비치사이드는 아이데이션부터 제작 및 후반 작업까지 창작 프로세스 전반을 지원합니다:

* **생성:** 단일 제품 이미지에서 배경과 질감 등 당신이 구상하는 모든 요소를 구현하세요.
* **편집:** 제품, 배경, 특정 요소를 자연스럽게 교체하여 기존 캠페인 소재를 재구성하세요.
* **향상:** 세부 사항을 즉시 정리하고, 불필요한 요소를 제거하며, 피사체를 분리하고, 해상도를 향상하세요.
* **확장:** 핵심 비주얼의 톤과 스타일을 유지하면서 캠페인을 여러 SKU로 확장하세요.

</details>

***

## 목차

1. 홈 페이지를 둘러보세요
2. 플레이그라운드를 둘러보세요
3. 플레이그라운드에 에셋을 업로드하세요
4. 작업 및 도구 소개

***

## 에셋

비치사이드로 작업을 시작하기 전에 아래 이미지를 다운로드하세요.

{% file src="/files/114d113579a24ea2236a5d09ca36671c2a598e2e" %}

<details>

<summary><strong>라이브러리에 에셋을 업로드하는 방법</strong></summary>

1. 화면 왼쪽 아래에서 다음을 선택하세요. <i class="fa-arrow-up-from-bracket" style="color:$primary;">:arrow-up-from-bracket:</i> 업로드 패널의 아이콘
2. 파일을 선택하여 업로드하세요.\
   이미지 파일을 지정된 영역에 선택하거나 드래그하여 업로드할 수 있습니다. 각 파일은 최대 30MB이며, 한 번에 최대 10개 파일까지 업로드할 수 있습니다.
3. 선택 <kbd><mark style="color:$primary;">**확인**<mark style="color:$primary;"></kbd> 업로드를 완료하고 플레이그라운드로 돌아가려면.

<a href="https://app.gitbook.com/o/UwFjOzcvPxIXk6nkc4K5/s/OUQ3EAPIPziQuBKQgmTy/~/edit/~/changes/188/onboarding/playground#upload-assets-to-your-library" class="button primary">여기에서 튜토리얼을 따라하세요</a>

</details>

***

## 홈 페이지를 둘러보세요

이미지 아래의 다양한 탭을 둘러보며 페이지를 미리 보세요.

<a href="https://theseaai.com/beachside/" class="button primary">비치사이드 홈 페이지 방문</a>

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

* <i class="fa-house">:house:</i>  **홈:** 최근 작업, 팀을 확인하고 한 곳에서 새 플레이그라운드를 만들 수 있습니다.
* <i class="fa-bring-forward">:bring-forward:</i>  **플레이그라운드:** 시각 프로젝트를 만들고 정리하세요.
* <i class="fa-image">:image:</i>  **비주얼:** 모든 플레이그라운드에서 생성된 이미지를 확인하세요.
* <i class="fa-gem">:gem:</i>  **에셋:** 팩샷, 텍스처, 배경, 로고 같은 공유 파일을 저장하고 정리하세요.

***

## 플레이그라운드를 둘러보세요

이미지 아래의 다양한 탭을 둘러보며 플레이그라운드에 대해 알아보세요.

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

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

***

## 주요 작업

{% columns %}
{% column %}

#### <i class="fa-images">:images:</i>  **모델 생성**

프롬프트를 작성해 이미지를 처음부터 생성하거나 기존 이미지를 편집하세요.

<div align="left" data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FywPzivKKeYgfER3U1dCb%2Fgitbook_cap_model.gif?alt=media&amp;token=d9c9a4d2-2064-4fb2-8d98-be025bd90196" alt=""><figcaption></figcaption></figure></div>

<a href="/main/kr/tasks/model.md" class="button secondary">자세히 알아보기</a>
{% endcolumn %}

{% column %}

#### <i class="fa-puzzle-piece">:puzzle-piece:</i> **콤보**&#x20;

텍스트, 이미지, 그래픽을 결합해 새로운 비주얼을 만드세요.

<div align="left" data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FhwZVGnwd5BsQk3LS23Sl%2Fgitbook_cap_combo.gif?alt=media&amp;token=58d55801-3556-4268-bf6e-ee877a377984" alt=""><figcaption></figcaption></figure></div>

<a href="broken://pages/287b13247a13bbe6dac45307865562e72e54caec" class="button secondary">자세히 알아보기</a>
{% endcolumn %}
{% endcolumns %}

***

### 콤보 활용 사례

이 비주얼들을 보고 어떻게 만들었는지 맞혀볼 수 있나요? 결과를 확인하기 전에, 각 이미지에 사용된 작업, 도구, 텍스트 프롬프트, 참고 이미지를 떠올려 보세요. 하나씩 함께 해봅시다:

<div><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FrOqCdogqAOO7qt6KTM0g%2FVisual_2(result).png?alt=media&amp;token=dad8579d-e593-4b81-ad68-2af9f3f9b0a4" alt=""><figcaption><p>이미지 1</p></figcaption></figure> <figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F7DFZjPy2NhiBB5TRxDpB%2FVisual_4(result).png?alt=media&amp;token=40aaad35-264f-4a24-9a2c-c084df9732c4" alt=""><figcaption><p>이미지 2</p></figcaption></figure> <figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2F5T7EpCUVjnfpvRjPyjVj%2FVisual_5(result).png?alt=media&amp;token=caa6ad4a-b1ce-4116-8e84-5e07a032e39e" alt=""><figcaption><p>이미지 3</p></figcaption></figure> <figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FbLDOVVcZrk3tDW8vfGSU%2FVisual_6(result).png?alt=media&amp;token=932fd3c9-da29-42df-b07d-406f5b705ccc" alt=""><figcaption><p>이미지 4</p></figcaption></figure></div>

<details>

<summary><strong>1. 단순 레이아웃 조합</strong></summary>

<div data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FVTwZKlx4eK29Ej1WjxFE%2FVisual_2(combo).png?alt=media&amp;token=08de8e3d-6e75-4f57-ae21-99ae9e3b1947" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>2. 크림 질감</strong></summary>

<div data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FfGILifnJyEsYek0Mvhgk%2FVisual_4(combo).png?alt=media&amp;token=d5db078f-a837-469a-92e7-1119de5f68f5" alt=""><figcaption></figcaption></figure></div>

<div data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FvdNQMEXkyvV55RcvakiX%2FVisual_4(light).png?alt=media&amp;token=7b37aaff-7b49-489d-b917-50242e50a742" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>3. 제품 위로 떨어지는 액체</strong></summary>

<div data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FTIUPYGe2cq5J4T1LQey6%2FVisual_5(combo).png?alt=media&amp;token=91ee6da1-e8ff-4a71-a15f-05b2ffd1f8f7" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary><strong>4. 떠 있는 거울</strong></summary>

<div data-with-frame="true"><figure><img src="https://1001983365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOUQ3EAPIPziQuBKQgmTy%2Fuploads%2FITFCaZGaNLoYlmTULfOU%2FVisual_6(combo).png?alt=media&amp;token=5c684dcf-5ffb-449e-a8a4-8169216d1184" alt=""><figcaption></figcaption></figure></div>

</details>

***

## 기타 작업

{% columns %}
{% column %}
{% content-ref url="/pages/7d00417165e4c267465d255f0e8d0485d67a9860" %}
[변형](/main/kr/tasks/variation.md)
{% endcontent-ref %}

{% content-ref url="/pages/ec959c7e2fb173a49207518d07ed01bd4941a94c" %}
[블렌드](/main/kr/tasks/blend.md)
{% endcontent-ref %}

{% content-ref url="/pages/950a81abb35231c0a67b92e1c8a508a1f6b69542" %}
[각도](/main/kr/tasks/angle.md)
{% endcontent-ref %}

{% content-ref url="/pages/a7fdfe969f75574497d93aad7745d4c37728fe70" %}
[조명](/main/kr/tasks/light.md)
{% endcontent-ref %}

{% content-ref url="/pages/816c48f796af7274fab961f778aa7470b914c924" %}
[제거](/main/kr/tasks/remove.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/1752d873c71d94499fd2ca00514bba3302dfbfd5" %}
[추출](/main/kr/tasks/extract.md)
{% endcontent-ref %}

{% content-ref url="/pages/bb40d3e323c842d0f47e6e3e45cdc51fa9160bd6" %}
[리터치](/main/kr/tasks/retouch.md)
{% endcontent-ref %}

{% content-ref url="/pages/20319b8e469bb462ec3ba9cec7c5c492ca2ffe6a" %}
[업스케일](/main/kr/tasks/upscale.md)
{% endcontent-ref %}

{% content-ref url="/pages/8de70f5d1ddb00be83147d3739256ed39b06a09f" %}
[확장](/main/kr/tasks/expand.md)
{% endcontent-ref %}

{% content-ref url="/pages/93a66d25fedccd0b461cc87cba85cae67a299819" %}
[복제](/main/kr/tasks/replicate.md)
{% endcontent-ref %}
{% endcolumn %}
{% endcolumns %}

***


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.theseaai.com/main/kr/learn/onboarding.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.