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

## 개요

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

### 핵심 이점

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

***

## 사전 준비

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

***

## 1. 페이지 구조

<figure><img src="https://3113620308-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3vbe9mozK3C5425TCxL%2Fuploads%2Fgit-blob-37ade3d107df47a6994a4ca266579a3e0022a5a7%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

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

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

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

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

***

## 자주 묻는 질문

<details>

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

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

</details>

<details>

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

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

</details>


---

# 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://guide.roundhr.com/homepage_builder_guide/basic/page_structure.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.