> 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/page-layout/header.md).

# 헤더

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

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

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

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

<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
