> 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/4.md).

# 4. 앱 화면 만들기

앱 설정 ➡︎ 원하는 탭 🔽 선택 ➡︎ 화면 선택 ➡︎ 블록 추가, 삭제 및 스타일 설정을 통해 선택한 탭의 앱 화면을 원하는 대로 커스텀할 수 있어요. 

<div align="left"><figure><img src="/files/94Inz1EKCOrD6bNq8s5w" alt=""><figcaption></figcaption></figure></div>

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

1. **목록 화면 :** 데이터의 목록을 보여주는 앱 화면이에요.&#x20;

어떤 데이터를 어떤 방식으로 보여줄 것인지 직접 만들고 수정할 수 있어요.&#x20;

<div align="left"><figure><img src="https://lh5.googleusercontent.com/GJ8g2F6bxyVLAQLO2VnYPLDErFfZ9unx6VC-b74dzVyRGuHvZsfoipzhRGBgGY2Hu77wQGhvHgQX7E308tHKgInkYKevlcpZdtsmCfby939SeE707W60VZT9OkOGak6GyyiGB8q_1iJjs-LcQjtnvlg" alt="" width="563"><figcaption></figcaption></figure></div>

2. **상세 화면** : 데이터의 상세 정보를 확인할 수 있는 앱 화면이에요.

&#x20;데이터의 상세 내용을 어떤 방식으로 보여줄 것인지 직접 만들고 수정할 수 있어요.

<div align="left"><figure><img src="https://lh6.googleusercontent.com/lCIY9lAiZF4eZPD2Uh3PSVv_Kfr8-8vP28Y6dWBFb4dlAI-P6kA-8f0S0MiD9GsAC-N5fTDg6eNYLhvA4iX0yrOEuTDebd9kyqLpr5Hl21bHri1ilOX1DZ-1sHga61YxW5QvQPzEBgXTO-e9_jgrI1s" alt="" width="563"><figcaption></figcaption></figure></div>

3. **등록/수정 화면** : 데이터를 등록하고 수정할 수 있는 앱 화면이에요.&#x20;

어떤 데이터를 어떤 방식으로 등록할 것인지 직접 만들고 수정할 수 있어요.

<div align="left"><figure><img src="https://lh4.googleusercontent.com/7fsF8mjytD_1R4ZFd83TMcuqcgA90qgFhVAAkmnuDG5KmO0UVE15yLgJ8dwaQjhuqOiKMyBDxmNf1AoUKAdstrUXFkseZj4rVCDMsw5l-TAIUHRKirc3uQu4k1AtbTRz-dAHzv-0BLPX6B5wwx9wRyQ" alt="" width="563"><figcaption></figcaption></figure></div>

4. **커스텀 화면** : 복합 메타 선택 시, 빈 화면을 원하는 모습으로 커스텀할 수 있어요.&#x20;

어떤 데이터를 어떤 방식으로 보여줄 것인지 직접 만들고 수정할 수 있어요.&#x20;

{% hint style="info" %}
커스텀 화면에서 단일 메타의 데이터를 보여주고 싶을 때는[ listByMeta 블록](/main/guide/develop_app/4/block/list/listbymeta.md)을 사용해요.
{% endhint %}

<div align="left"><figure><img src="https://lh7-us.googleusercontent.com/82OgmeGblKdLFhYLYEFdza57pKSOVZKzFOIQZJHYJjtzdF9xgmcIoJ1eiTHiozQdZ0vmPQyhtKigrGVSghEc1x61lqoPkCHldHZ80GdW6BLQ7B9NZK8jPf5O3JDNMDemK5xofoXB4jkZg3syfsOadtw" alt="" width="563"><figcaption></figcaption></figure></div>

2023.12.05 Jinny

<br>