# 시나리오 스튜디오 인터페이스

## 인터페이스 영역

<figure><img src="https://2124792335-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSGiM6UdbWlqrZA6kPT9b%2Fuploads%2F5vo5PgzXf2n5Lf9qGxdg%2F%E1%84%89%E1%85%B5%E1%84%82%E1%85%A1%E1%84%85%E1%85%B5%E1%84%8B%E1%85%A9%20%E1%84%8B%E1%85%B5%E1%86%AB%E1%84%90%E1%85%A5%E1%84%91%E1%85%A6%E1%84%8B%E1%85%B5%E1%84%89%E1%85%B3.png?alt=media&#x26;token=cc6b32a6-4283-4313-92e1-bf8901c0aefc" alt=""><figcaption><p>시나리오 스튜디오 인터페이스</p></figcaption></figure>

<table><thead><tr><th width="111">영역 번호</th><th width="138">영역 이름</th><th>영역 설명</th></tr></thead><tbody><tr><td>1</td><td>상단영역</td><td>상단영역은 화면 사이즈, 크기를 비롯한 주요 액션버튼이 구성되어 있습니다.  <a data-mention href="interface/toparea">toparea</a></td></tr><tr><td>2</td><td>툴바영역</td><td>Flextudio에서 지원하는 컨트롤이며, 스탭에 레이아웃을 선택한 후 컨트롤을 클릭하면 해당 컨트롤에서 지원하는 다양한 컨트롤 디자인이 패널로 보여집니다. 원하는 디자인을 선택하면 레이아웃에 컨트롤이 추가됩니다.</td></tr><tr><td>3</td><td>디자인 영역</td><td>시나리오의 여러 스탭(화면)을 구성하여 앱에 구성할 화면을 사용자 흐름에 따라 구성할 수 있습니다.</td></tr><tr><td>4</td><td>탐색기영역</td><td>시나리오를 구성하고 있는 모든 스탭의 구조를 확인할 수 있습니다. 그룹 또는 레이아웃을 추가할 수 있으며, 동일한 레벨에서는 드레그를 통해 그룹, 레이아웃, 컨트롤의 위치를 조정할 수 있습니다.</td></tr><tr><td>5</td><td>속성영역</td><td>디자인 또는 개발 탭에서 지원하는 속성을 설정할 수 있는 영역입니다. 컨트롤 별로 다양한 설정을 할 수 있습니다.</td></tr><tr><td>6</td><td>도움말 액션 영역</td><td>사용자가이드, 라이브러리, Q&#x26;A, 유튜브바로가기, 예제보러가기, 도입문의하기 및 업데이트 안내까지 확인할 수 있습니다.</td></tr><tr><td>7</td><td>하단 패널영역</td><td>Collection, DataBase, Scenario Validate, AuthKey를 설정할 수 있습니다.</td></tr><tr><td>8</td><td>DB설정영역</td><td>FlexDB를 사용할 경우 DB사용 여부와 테넌트를 설정할 수 있습니다.</td></tr></tbody></table>