# 옵션

옵션이란, 선택지나 구분 값을 말해요. 앱을 만들면서 선택지가 필요한 순간엔 언제나 '옵션 설정'에서 등록한 옵션을 불러와서 보여줄 수 있어요. 

옵션을 등록하고, 등록한 옵션을 관리자 웹과 앱에서 보여지도록 사용하는 방법을 소개해 드릴게요.

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FFmHFSCrwgfpJbLmltgDb%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-09-15%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.53.07.png?alt=media&#x26;token=502608b2-175d-4340-bc12-c8c81ef82295" alt="" width="375"><figcaption></figcaption></figure></div>

1. 옵션 등록하기

관리자 웹 ➡︎ 옵션 설정 ➡︎ 등록 버튼 ➡︎ 옵션 ID 및 옵션명, 옵션 코드 입력 ➡︎ 저장

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Ff2v53W3rYyWCE1aQy1Rw%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-11-03%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.28.54.png?alt=media&#x26;token=7fbd8206-a5e4-4569-b560-f2b73d2b76bf" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FSM3bb98MUVHET2aWdqo0%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-11-03%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.26.52.png?alt=media&#x26;token=8c6b2e1f-a33c-4865-9885-b8d5029ed591" alt="" width="364"><figcaption></figcaption></figure></div>

2. 옵션 사용하기

옵션은 주로 드롭다운 선택, 단일 항목 선택 등과 같은 '선택 블록'과 사용해요.

* 운영 모드 ➡︎ 관리자 웹에서 옵션(선택지)항목 만들기

선택지를 골랐을 때, 선택에 대한 값이 데이터로 저장될 수 있도록 데이터의 집, 항목을 먼저 만들어 줄게요.

운영 모드 ➡︎ 좌측 메뉴바에서 원하는 메뉴 선택 ➡︎ 우측 상단의 설정 버튼 ➡︎ +항목 추가 ➡︎ 선택 모음 ➡︎ 블록 선택 ➡︎ 항목 ID, 항목명, 옵션 ID 입력 ➡︎ 저장

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F70mN0zHbgxBdr2njOPCb%2FScreenshot%202023-12-05%20at%208.10.30%20PM.png?alt=media&#x26;token=7d0b7edb-0794-46fb-8d48-538ec50714b3" alt="" width="563"><figcaption></figcaption></figure></div>

옵션 ID를 연결한 항목을 추가하면 관리자 웹에서 데이터 등록 시, 옵션을 선택할 수 있는 칸이 생성돼요.

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FpLxX9KDdsdBafYvAAvU8%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-09-14%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%202.59.17.png?alt=media&#x26;token=a6e00a5a-6c60-453c-be2c-3d04bbce7214" alt="" width="375"><figcaption></figcaption></figure></div>

* 앱 설정에서 사용하기

등록한 옵션을 앱 화면에서 보여주기 위해, 블록에 옵션 ID와 항목 ID를 연결해 줄게요.&#x20;

관리자 웹 ➡︎ 앱 설정 ➡︎ 좌측 탭에서 원하는 탭 선택 ➡︎ 화면 선택 ➡︎ '선택 블록' 추가 후, 미리 등록해놓은 옵션을 선택할 수 있어요.

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F0mlw8GaXn89nZZSoaR00%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202024-03-05%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%202.31.18.png?alt=media&#x26;token=9d846a4e-8544-442e-9ccb-73bc1c43bb05" alt=""><figcaption></figcaption></figure>

\* '항목 ID' 입력을 통해 관리자 웹에 등록된 데이터를 앱 화면에서 보여줄 수 있어요.

관리자 웹에서 항목 추가 시 설정한 항목 ID를,  앱 설정 ➡︎ 좌측 탭에서 원하는 탭 선택 ➡︎ 화면 선택 ➡︎ '선택 블록' 추가 후  블록의 '항목 ID'에 입력해 주세요.&#x20;

2024.03.05 Jinny