# 4. 앱 화면 만들기

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

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F5VnwvPaVnMakAObBPw4n%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%202024-01-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%202.13.11.png?alt=media&#x26;token=4109c1f9-9502-4725-ab0c-3e544dad31e5" alt=""><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%2F65cwuXtfFnV4OQbMqp1b%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%202024-01-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%202.10.27.png?alt=media&#x26;token=85d31310-98ea-4a28-9aed-fcf599b5260a" 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 블록](https://docs.ohmyapp.io/main/guide/develop_app/4/block/list/listbymeta)을 사용해요.
{% 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>