> For the complete documentation index, see [llms.txt](https://docs.ohmyapp.io/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ohmyapp.io/main/guide/develop_app/3.md).

# 3. 앱 메뉴 만들기

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

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

<div align="left"><figure><img src="/files/s5WWF38ioT0DyBV4V5m9" alt="" width="273"><figcaption></figcaption></figure></div>

**앱 메뉴 추가하기**

<div align="left"><figure><img src="/files/iMLn4N6fdABZms98plOt" alt="" width="563"><figcaption></figcaption></figure></div>

* **+화면 추가** : 메뉴 설정 ➡︎ 앱 메뉴 설정 ➡︎ \[+화면 추가] ➡︎ 메뉴명, 메타 ID 입력 ➡︎ 변경 사항 저장

<div align="left"><figure><img src="/files/u6HR9hSHjWdaqXLL4lI9" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

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

<div align="left"><figure><img src="/files/HUJDsoyz31LEwmPjqOxC" 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를 새롭게 입력하여 앱 메뉴를 추가한 경우, 빈 화면이 나오므로 직접 커스텀하여 [데이터 등록 버튼](/main/guide/faq/action/9.md)을 만들어 데이터를 등록할 수 있어요.&#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>