# 6. 앱 화면 설정하기

[2. 항목 설정하기](/main/class/puppy-app/2.md), [3. 옵션 설정하기](/main/class/puppy-app/3.md)에서 설정한 판매 가격, 상품 카테고리 [항목](/main/guide/dictionary/item.md)은 웹에만 보이는 것으로 앱 화면에는 나오지 않아요. 

앱 화면 설정하기에서는 항목, 스타일, 액션을 설정해서 목록 화면, 상세 화면, 등록/수정 화면을 만들 거예요.

### 목록 화면

여러 데이터를 간단히 보여주는 목록 화면

목록 화면은 앱에서 각 메뉴를 선택하면 나오는 화면으로 삭제할 수 없어요.

![](https://lh5.googleusercontent.com/l0B4bcauuxTyGxJciXjhroORY2SG0hxrQKocvhrQP9NNfhdbufMjefPqIf0KnDoEzBcpJ-LKuMOpItGGFlA7cYuXdT6n-n5DN5WFJ6_kgLZehRE-Tyioam8TRODvTAjnCFxJLXUyP-uFQnvDl79rEV0)

####

### 상세 화면

목록 중 하나의 데이터를 선택했을 때 보여주는 상세 화면

상세 화면을 삭제하면 목록 화면에서 데이터를 클릭해도 상세 화면으로 이동하지 않아요.

![](https://lh5.googleusercontent.com/mDEmCWnaQsAurodnZpfDrODSFhPZ9wMOdpgvlrdaAf5CamCS1M4LWuL6tFamYESYd12LpX33M4vDl_M2jVmxpQvWsm20ke9brb7ypVTme1XJCNv5vfcHL_EyctNVsOZlAR20T24O9QbwNTMFOpfQk3Y)

### 등록/수정 화면

하나의 데이터를 등록/수정할 수 있는 화면

등록/수정 화면을 삭제하면 게시글 작성 플로팅 아이템이 사라져요.

![](https://lh3.googleusercontent.com/IqP5EB162QZwMfaG38BIcUgxkHD4NUSjw8jo7UWtYzPds2DZ5Um9_mvNQVHbjtpDsn2-4Jj4dm560G7-Dgb-zCaK3HOUQc7aHVt9Zl38gUKcaxoCbbZzjIogfpmQ5sSSA7A44uVqgkRHF0h_z1Zhd0c)

\ <br>

> \#앱 화면 설정하기, #앱 설정, #목록 화면, #상세 화면, #등록/수정 화면

2023 08 22 ruru

6\. Setting up the App Screen

The sales price and product category items that we configured in 2. Setting up Items and 3. Setting up Options do not appear in your app and are only visible on the Web Admin.&#x20;

In 6. Setting up the App Screen, we will create a listed page, a detailed page, and a register/modify page by adding items, styles, and actions.

2023.08.18 Hwaran


---

# 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/class/puppy-app/6.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.