# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ohmyapp.io/main/guide/develop_app/3.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.