# 1. 웹 메뉴 만들기

웹은 [데이터베이스](https://docs.ohmyapp.io/main/guide/dictionary/database)를 저장하고 관리하는 곳이에요. 

관리자가 데이터를 메뉴별로 관리할 수 있도록 메뉴를 만들고 데이터를 등록하는 방법을 소개해 드릴게요.

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FInZiw0Lh0Ell5ZPRLRGj%2FScreenshot%202023-12-05%20at%205.55.00%20PM.png?alt=media&#x26;token=01c29a0e-347f-4b7a-b4b3-4ad9fff5b26b" alt=""><figcaption></figcaption></figure>

* **관리자 웹 메뉴 추가하기**

메뉴 설정 ➡︎ 웹 메뉴 설정 ➡︎ +메뉴 추가 ➡︎ 메뉴명, 모듈명, 메타 ID 입력 ➡︎ 변경 사항 저장

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FQw6JKMseta9JSsi7LwiM%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.21.35.png?alt=media&#x26;token=af4db4ed-8b57-415c-8a81-46aea3e7f4fb" alt="" width="375"><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%2FDBlPVFg9w1ZyU2xOnVlb%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-21%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%207.15.30.png?alt=media&#x26;token=92535b44-fcbf-4dc5-ba8f-075c1f37ccf9" alt="" width="375"><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%2F5RyZDWQssuMrnEeM7A4k%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.18.44.png?alt=media&#x26;token=043011fa-2cbe-44d4-af14-c24128cebe16" alt="" width="326"><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%2FGIyaO0PhMxHm82SUn3hb%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-18%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.20.26.png?alt=media&#x26;token=b83225f2-ffca-4454-a230-7fdc5bea31d7" alt=""><figcaption></figcaption></figure></div>

2023.12.05 Jinny

## Creating a Web Menu

In the ohmyapp web component, databases are managed and stored.

Learn how to create menus and enter data so you can save and manage all your data according to the corresponding menu.

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FDNHbd6Ww1u8En7KZvoTe%2Fimage.png?alt=media&#x26;token=eb7c3340-1c1a-49cf-b0d2-4f69f518dd48" alt="" width="563"><figcaption></figcaption></figure></div>

* **Add Your Web Admin Menu**

Follow this sequence: Web Admin > Creator > Menu > Web Menu Settings > + Add Menu.&#x20;

Here, you can enter the Menu Name and Meta ID of your choice and save your changes by clicking enter.

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F8K1yNrlI4f0nmHTRo8R3%2Fimage.png?alt=media&#x26;token=f4dc595d-5620-4038-b0f1-637dd408da69" alt="" width="375"><figcaption></figcaption></figure></div>

\*The Latin alphabet must be used when choosing a Meta ID, assigned Meta IDs can only be used once in the entire app.

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FhMn12amAKLuRXcpvpKG9%2Fimage.png?alt=media&#x26;token=ca13ef41-3e42-4250-91c7-3f2628696d24" alt="" width="375"><figcaption></figcaption></figure></div>

* **Enter Your Data in the Web Admin Menu**

Go to Admin and select your desired menu from the menu bar on the left side. Click on the Add button on the top right and enter your title and content before saving your data.&#x20;

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Fho6zuD6F5SWDFKwwt8pX%2Fimage.png?alt=media&#x26;token=11b8d1b9-fd09-4143-a0cb-f1f2ef1648be" alt="" width="326"><figcaption></figcaption></figure></div>

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FzjhCPosp4zqsEcM5SfxF%2Fimage.png?alt=media&#x26;token=45278154-c7d2-45dd-95e9-58ba61a58b5a" alt=""><figcaption></figcaption></figure>

2023.11.14 Hwaran