> For the complete documentation index, see [llms.txt](https://guide.roundhr.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.roundhr.com/homepage_builder_guide/basic/page_structure.md).

# 페이지 구조(헤더/바디/푸터)

채용 홈페이지의 페이지 구조를 안내합니다. 헤더, 바디(본문), 푸터로 구성된 페이지 구조를 이해하면 효율적으로 홈페이지를 설계할 수 있습니다.

## 개요

채용 홈페이지를 구성하는 페이지의 기본 구조를 안내합니다.

### 핵심 이점

* 페이지의 헤더, 바디, 푸터 구조를 이해하여 체계적으로 홈페이지를 설계할 수 있습니다.
* 섹션 > 레이아웃 > 블록의 계층 구조를 파악하여 원하는 디자인을 구현할 수 있습니다.

***

## 사전 준비

* **권한**: 관리자 권한이 필요합니다. 매니저는 별도 권한 부여 시 편집할 수 있습니다.

***

## 1. 페이지 구조

<figure><img src="https://3113620308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3vbe9mozK3C5425TCxL%2Fuploads%2Fgit-blob-37ade3d107df47a6994a4ca266579a3e0022a5a7%2Fhpb_basic_page_structure_s1_01.png?alt=media" alt="채용 홈페이지의 페이지 구조. 헤더, 섹션, 푸터 구성"><figcaption></figcaption></figure>

채용 홈페이지는 **최소 1개 이상의 페이지들이 모여 구성**됩니다.

하나의 페이지는 **헤더** / **바디**(**본문**) / **푸터**로 이루어집니다.

**바디**(**본문**)은 1개 이상의 섹션\*\*으로 이루어지며 디자인 항목은 **섹션** > **레이아웃** > **블록** 순으로 구성됩니다.

{% hint style="info" %}
헤더와 푸터는 모든 페이지에 공통으로 적용됩니다. 바디(본문) 영역만 페이지별로 다르게 구성할 수 있습니다.
{% endhint %}

***

## 자주 묻는 질문

<details>

<summary>헤더와 푸터는 페이지마다 다르게 설정할 수 있나요?</summary>

아니요, 헤더와 푸터는 모든 페이지에 공통으로 적용됩니다. 페이지별로 다르게 구성할 수 있는 영역은 바디(본문) 영역입니다.

</details>

<details>

<summary>섹션, 레이아웃, 블록의 차이점은 무엇인가요?</summary>

**섹션**은 페이지 본문을 구성하는 가장 큰 단위이며, 섹션 안에 **레이아웃**(1\~4단 구성)이 들어갑니다. 레이아웃의 각 단 안에 텍스트, 이미지, 버튼 등의 **블록**을 배치하여 콘텐츠를 구성합니다.

</details>

<details>

<summary>채용 홈페이지는 최소 몇 개의 페이지로 구성되나요?</summary>

채용 홈페이지는 **최소 1개 이상의 페이지**가 모여 구성됩니다. 하나의 페이지는 헤더 / 바디(본문) / 푸터로 이루어집니다.

</details>