# 헤더

**헤더는 언제 사용하나요?**

앱 화면 상단에 공유하기, 더보기 등의 아이콘을 추가할 때 사용해요.

**헤더의 특징은 무엇인가요?**

* 블록이 아닌 헤더 아이콘을 추가해서 사용해요. 스위치(조건)블록을 제외한 블록은 추가할 수 없어요. 
* 아이콘에 [스위치](/main/guide/develop_app/4/block/switch/switch-condition.md) 및 [액션](/main/guide/develop_app/command-execute-function/action.md)을 설정해 기능을 추가해 줄 수 있어요. 
* 오른쪽 중앙을 기준으로 정렬돼요.

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

**헤더 아이콘 추가하기**

* '[+ 화면 구성](/main/guide/develop_app/4/page-layout.md)' 클릭 ➡︎ 헤더 클릭 ➡︎ 추가된 툴바 폴더 펼치기 ➡︎  헤더 폴더 우측 + 버튼 클릭 ➡︎ 원하는 헤더 아이콘 클릭

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

2024.02.20 Jinny


---

# 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/guide/develop_app/4/page-layout/header.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.