> 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/class/puppy-app/6/6-2.md).

# 6-2 상세 화면 만들기

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FiM18V4dGkcfMv3GixvVn%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-07-25%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2011.17.29.png?alt=media&amp;token=b1b62ee2-4a53-4f23-bc88-1d46231e62a6" alt="" width="563"><figcaption></figcaption></figure></div>

상세 화면 만들기에서는 위 사진과 같이 판매 금액과 상품 카테고리를 추가할 거예요.

관리자 웹 > 앱 설정 > 중고거래 메뉴 > 상세 화면 > 화면 구성 항목에 금액 블록을 추가하고 [항목 ID](/main/guide/dictionary/item-id.md)에 sellingprice, [항목명](/main/guide/dictionary/item-name.md)에 판매 가격을 입력해 주세요.

관리자 웹 > 앱 설정 > 중고거래 메뉴 > 상세 화면 > 화면 구성 항목에 변수 텍스트를 추가하고 항목 ID에 productcategory, 항목명에 상품 카테고리를 입력해 주세요. 블록 설정 텍스트에 ${productcategory}를 입력해 주세요.

드래그앤드롭으로 화면 구성 항목의 순서를 상품 카테고리 > 제목 > 판매 가격 > grid > … 으로 변경하고 변경사항을 저장해 주세요.

앱을 새로고침 하면 블록 순서대로 앱 상세 화면에 나타난 걸 확인할 수 있어요.

> \#앱 설정, #상세 화면, #금액 레고, #변수 텍스트, #항목 ID, #항목명

2023 07 24 ruru<br>

## 6-2. Creating a Detailed Page

In the detailed page, we will add the sales amount and product category as shown above.

Go to Web Admin > Developer Mode > App Settings > Marketplace > Detailed Page > Add value buildingblock to the screen configuration items. Set the name as "sellingprice" in item ID and "selling price" in the item title.&#x20;

Go to Web Admin > Developer Mode > App Settings > Marketplace > Detailed Page > Add variable text to the screen configuration items. Enter ${productcategory} in the text block settings.

Drag and drop the screen configuration items in the following order: Product Category > Title > Sales Price > Grid > ... and save the changes.

After refreshing the app, you will see that the buildingblocks appear on the app detailed page in that order.

2023.08.21 Hwaran