# 헤더

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

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

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

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

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FVwFIMTWmpE7WxkFLf4WH%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-09-22%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.26.11.png?alt=media&#x26;token=4477d4ed-c060-44aa-9ea8-74d6e48df835" alt="" width="563"><figcaption></figcaption></figure></div>

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

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

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FFdgRr5kN0bktr8LMXceJ%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-02-20%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.55.47.png?alt=media&#x26;token=01d9cd5d-c126-4755-9f42-a5d7c16d6859" alt="" width="563"><figcaption></figcaption></figure></div>

2024.02.20 Jinny