# 3. 앱 메뉴 만들기

앱 메뉴는 앱 화면 하단의 탭을 말해요. 

목적과 기능에 따라 탭 마다 다른 데이터를 다른 모습으로 보여줄 수 있도록, 탭을 만들고 데이터를 등록하는 방법을 소개해 드릴게요.

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Fqna1iCmujoDF3g6IhReb%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.41.15.png?alt=media&#x26;token=bd253f9a-2f1f-47f4-836d-cf71813970c4" alt="" width="273"><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%2FSLDQi70rdUWC8drbjuxW%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-10-20%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.25.31.png?alt=media&#x26;token=85a47a59-7a96-435f-8b1f-b569e6e35878" 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%2FqbEBpg6HTSLd425XeqWR%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-10-20%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.13.39.png?alt=media&#x26;token=00ae75a3-5b51-4a39-ae76-5928c3459db5" alt="" width="563"><figcaption></figcaption></figure></div>

\*메타 ID는 관리자 웹 메뉴의 메타 ID와 동일하게 작성해야, 웹에 등록한 데이터와 같은 데이터를 보여줄 수 있어요.

\*메타 ID를 새롭게 입력하면, 빈 화면을 커스텀할 수 있어요.

* **+웹 뷰 추가** : 메뉴 설정 ➡︎ 앱 메뉴 설정 ➡︎ \[+웹 뷰 추가] ➡︎ 웹 뷰 URL 입력 ➡︎ 변경 사항 저장&#x20;

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Fvyn1tBh37bOYpNTAvgzj%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-10-20%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.15.41.png?alt=media&#x26;token=acab2c9b-b5f4-4bde-9e67-38723c18b5f8" alt="" width="563"><figcaption></figcaption></figure></div>

**앱메뉴에서 데이터 등록하기**

* 웹 메뉴 메타 ID와 동일하게 작성하여 앱 메뉴를 추가한 경우, 앱 화면 우측 하단에 + 아이콘이 있어요. + 아이콘을 클릭하여 데이터를 등록할 수 있어요.

<div align="left"><figure><img src="https://lh6.googleusercontent.com/oiT7qGMNIo8zx-xWxVVglKGP4Z_ak87utSMCbGvHpqCHhBknHVJbThnsCXtq6AFzLZ1zuUTkNAhOPqJ_HUcCH4rGuytTMSWXPG6ngd8rdxQgvnxmnfvmGdPr9XGoVLdSvpfHLmike4DlIwKpaCyr_dU" alt="" width="563"><figcaption></figcaption></figure></div>

1. 목록 화면에서  '+' 버튼을 누르면 데이터를 등록하고 수정할 수 있는 등록/수정 화면이 나와요.
2. 등록/수정 화면에서 제목, 내용 등을 작성 후 등록하기 버튼을 눌러주세요.
3. 등록한 데이터를 누르면 데이터의 상세 화면을 확인할 수 있어요.

* 메타 ID를 새롭게 입력하여 앱 메뉴를 추가한 경우, 빈 화면이 나오므로 직접 커스텀하여 [데이터 등록 버튼](https://docs.ohmyapp.io/main/guide/faq/action/9)을 만들어 데이터를 등록할 수 있어요.&#x20;

<div align="left"><figure><img src="https://lh7-us.googleusercontent.com/dPC0y6qyDRtqcgWqUMU8YAQZHdShh2UERsQrlpUMP5K8neK8Vix0-F03K9Zrwm4V-szyNLEt0CXo6wGY9iiamEawz3r-365HNzP_ojA6K8HNWh4bphTygPa4L89jcsdOra0KnMT_nJ77hzQStiZhBaY" alt="" width="563"><figcaption></figcaption></figure></div>

2024.02.20 Jinny

<br>