# 페이지 구성

## 1. 페이지 구성

{% hint style="info" %}
페이지 구성은 각 페이지에 어떤 입사지원 항목을 넣을지 설정하는 페이지 입니다. 

해당 지원분야에 맞는 항목을 추가해서 사용할 수 있습니다.
{% endhint %}

### 1-1. 페이지 구성 방법

페이지 구성은 폴더 구조로 되어 있으며 **\[페이지 - 카테고리 - 하위 카테고리 - 아이템]** 단위로 각 항목 내에 어떤 항목을 넣을지 순차적으로 설정할 수 있습니다. 기본 항목에서 선택하거나 직접 생성이 가능합니다.

**\[카테고리 - 하위 카테고리 - 아이템]** 의 각 항목들은 어느 정도 상, 하위 구조가 존재하나 기업 상황에 맞게 독립적으로도 사용이 가능합니다. 구조의 쉬운 이해를 위해 아래의 예시를 참고해주시기 바랍니다.

> * ***카테고리** : 학력사항*
>   * ***하위 카테고리** : 고등학교, 대학교, 대학원, 학위논문*
>     * ***아이템** : 구분, 학교이름, 교육기간, 전공명, 졸업구분, 백분율 성적 등*

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FsEkMcOUUOc0WQfACsTY0%2Fimage.png?alt=media&#x26;token=ab8b3543-e060-4c23-93aa-37ad37a7d3ac" alt=""><figcaption></figcaption></figure>

***

### 1-2. 페이지

> 페이지 설정 화면에서는 해당 페이지에서 어떤 **카테고리를 구성**할지 설정하는 페이지입니다.&#x20;
>
> 우측 카테고리 목록에서 원하는 카테고리 항목을 선택해서 추가할 수 있고 새 항목을 직접 생성할 수도 있습니다. 추가한 카테고리 항목은 **삭제 및 순서 변경이 가능**합니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FL753HjLhBBMD9Oa2Kzv9%2Fimage.png?alt=media&#x26;token=76e7cc15-b795-46b9-96b9-a363a5e9f07a" alt=""><figcaption></figcaption></figure>

### 1-3. 카테고리

> 해당 카테고리 내에 어떤 **하위 카테고리를 추가**할지 설정하는 페이지입니다.&#x20;
>
> 일반적으로 사용되는 항목을 추가하려면 오른쪽의 **추천 하위 카테고리를 활용**하시는 것이 좋습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FTtVmtJ0JRu9OOmo2GTCJ%2Fimage.png?alt=media&#x26;token=f58c6d50-cffd-40dd-8f0f-1b7fbb83b8df" alt=""><figcaption></figcaption></figure>

**안내문구**

> 입사지원서에서 표시될 카테고리에 대한 설명 또는 안내 문구를 입력할 수 있습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FrRrsFfpNXVqX7aRPv3yx%2Fimage.png?alt=media&#x26;token=50113908-a549-4023-90e1-3232150561fc" alt=""><figcaption><p>백오피스</p></figcaption></figure>

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FH2H2jz4xsL9jsMSAK9qR%2Fimage.png?alt=media&#x26;token=f3c52406-961e-4ade-ba77-b70b98b6d09e" alt=""><figcaption><p>채용사이트</p></figcaption></figure>

### 1-4. 하위 카테고리

> 하위 카테고리 안에 어떤 **아이템 항목을 추가**할지 설정하는 페이지입니다.&#x20;
>
> 일반적으로 사용되는 항목은 오른쪽 아이템 목록에서 추가할 수 있으며, 직접 생성하고 싶을 경우, **\[직접 생성하기]** 버튼을 눌러 추가할 수 있습니다.&#x20;
>
> **'필수입력'** 을 해제하면 지원자가 해당 항목을 입력하지 않아도 입사지원서 작성 진행이 가능합니다. 필수로 받아야 하는 항목이라면, 반드시 '필수입력' 을 활성화하시기 바랍니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2F3HrWj09TMxn1cAyjBcRf%2Fimage.png?alt=media&#x26;token=4cf20e6d-8ac5-44a7-9604-1b9e490e8b62" alt=""><figcaption></figcaption></figure>

**최대 입력 개수**

> 하위 카테고리를 입력할 수 있는 개수 설정이 가능합니다.&#x20;
>
> 별도 설정하지 않을 경우, **1개**만 입력이 가능하니 필요한 개수만큼 설정해주시는 것이 좋습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FpiMw00ON6fHwKRqVFbF9%2Fimage.png?alt=media&#x26;token=94dc7a7f-9da6-4220-8a8b-e072678d7377" alt=""><figcaption><p>백오피스</p></figcaption></figure>

### 1-5. 아이템

> 아이템 설정에서는 **지원자들에게 어떻게 입력 받을 지에 대한** **입력 유형을 설정**할 수 있습니다.&#x20;
>
> 유형에 따라 텍스트 혹은 숫자만 입력 받거나 글자 수를 제한하는 등 다양한 방식으로 입력 방식을 설정할 수 있습니다.
>
> 수집해야 하는 입사지원서 항목에 맞게 아이템을 잘 설정해주면, 지원자의 실수를 줄여 보다 원활한 채용 과정 진행이 가능합니다.
>
> \[지원 아이템 입력유형]
>
> * 단문 텍스트
>   * 이름, 부서명, 학교명 등 다양한 용도로 사용이 가능한 아이템입니다.
> * 장문 텍스트
>   * 자기소개서, 경력증명서 등의 장문 텍스트 입력이 필요할 때 사용이 가능한 아이템입니다.
> * 드롭 다운
>   * 정해진 리스트에서 지원자가 데이터를 고르도록 해, 잘못된 데이터 입력을 방지하기 유용한 아이템입니다.
> * 단일 선택
>   * 정해진 리스트에서 지원자가 한 개의 데이터를 선택하게 해야할 때 사용하는 아이템입니다.
>   * 사용  예시: 병역 여부선택,  보훈 비율 선택, 장애 여부 선택 등
> * 복수 선택
>   * 정해진 리스트에서 지원자가 복수의 아이템을 선택할 수 있도록 지원하는 아이템입니다.
>   * 사용 예시: 우대사항 선택
> * 첨부파일
>   * 장애 관련 증빙자료, 경력증명서와 같이 지원자가 보유하고 있는 개인 자료를 업로드할 수 있도록 지원하는 아이템입니다.
>   * 지원하는 파일 형식: pdf, 문서(docx, hwp...), 오디오, 영상, 압축파일
> * 날짜 (입력형)
> * 날짜 (선택형)
> * 날짜 (범위)
>   * 재직기간, 복무기간과 같이 지원자에게 일정 기간에 대한 정보를 수집할 수 있는 아이템입니다.
>   * 하위 기능인 '기간 환산 표시 여부' 기능을 활성화하면, 지원자가 이 아이템으로 입력한 모든 기간이 자동으로 환산이 되어 입사지원서에서 확인을 할 수 있습니다.
> * 사진
> * 주소 입력창
> * 자격증명 입력창
> * 기관명 입력창
> * 어학시험 입력창

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FSPY7vaZQGrZcAJnMp46P%2Fimage.png?alt=media&#x26;token=5f696689-c6bf-4b44-bb38-b275e3ab3c9a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FNLQlSUsElWdfGMzib8UG%2Fimage.png?alt=media&#x26;token=5899eebf-bf4c-4dfe-8fae-f7c4a5edfde7" alt=""><figcaption><p>입력 유형</p></figcaption></figure>

**설명 입력**

> 아이템에 대한  부연 설명이 필요할 경우, 설명 입력 토글을 활성화하여 안내를 추가할 수 있습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FZijGQn51mfA1gdaYlk3S%2Fimage.png?alt=media&#x26;token=b9675667-0412-4712-b7b0-278494b7b333" alt=""><figcaption><p>백오피스</p></figcaption></figure>

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FiHzFmpjZPZG5sezCUOnI%2Fimage.png?alt=media&#x26;token=7189e2c2-2ff4-441f-9df3-65a48ad25e5d" alt=""><figcaption><p>채용사이트</p></figcaption></figure>

**Placeholder**

> 입사지원서 작성 칸에 흐릿한 글씨로 표시됩니다.&#x20;
>
> 보통 작성 방법에 대한 설명이나 예시를 입력하는 기능이며, 지원자가 칸에 작성을 하게 되면 해당 글씨는 사라지게 됩니다.
>
> **숫자 입력, 단문 텍스트, 장문 텍스트** 유형에서 사용할 수 있습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2F9jM17CmKIo15RXBMhrG7%2Fimage.png?alt=media&#x26;token=c0be400b-928a-49f4-9640-b4d176dc84a0" alt=""><figcaption><p>백오피스</p></figcaption></figure>

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FHFJ4FspRCXC7Ht5rBhWI%2Fimage.png?alt=media&#x26;token=bad1bc5e-2081-43b1-84ec-5d42b70593c2" alt=""><figcaption><p>채용사이트</p></figcaption></figure>

**Label**

> **드롭 다운** 유형에서만 사용할 수 있는 기능입니다. 드롭다운 칸에 바로 표시가 되고 선택 항목 중 제일 상단에 입력됩니다.&#x20;
>
> 필수사항이 아니기에 자유롭게 사용하시되 사용하지 않을 경우, 빈칸으로 표시되는 점 참고해주시기 바랍니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FVuOWH2jDBY1D8w28EPEC%2Fimage.png?alt=media&#x26;token=aa437868-1eed-4dbe-be7a-90e22b009ce2" alt=""><figcaption><p>Label 사용</p></figcaption></figure>

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FGeb2CE1QbxmB4cgFeRrI%2Fimage.png?alt=media&#x26;token=ebb88dc8-002c-4f85-a8d9-a5c5e0eec954" alt=""><figcaption><p>Label 미사용</p></figcaption></figure>

**작성 규칙 (단문 텍스트)**

> **단문 텍스트**에는 **작성 규칙**이 있습니다. **휴대전화번호만 입력, 이메일만 입력, 제한없음** 총 3가지 입니다. 휴대전화번호, 이메일은 해당 형식만 입력이 가능하도록 설정하는 것이며 **일반적인 단문 텍스트**를 입력 받고 싶을 때는 **제한없음을 선택**하시면 됩니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FPRyDJk0xF5M3pXgs9CEx%2Fimage.png?alt=media&#x26;token=fb06d981-668a-47e5-a9b4-05e4518615ce" alt=""><figcaption><p>백오피스</p></figcaption></figure>

**텍스트 검수 기능**

> **장문 텍스트** 유형은 유일하게 텍스트 검수 기능을 사용할 수 있습니다.&#x20;
>
> 서류 전형 내 **'자기소개서 검수' 항목에서 활용이 가능**하기에 주로 자기소개서, 경력 기술서, 직무수행계획서 등의 아이템 항목에서 유용하게 사용할 수 있습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FdUTU8N6qI71rrIDCqrKX%2Fimage.png?alt=media&#x26;token=80a19e9f-0970-4105-8b7a-cd340bf0539b" alt=""><figcaption></figcaption></figure>

**첨부파일**

> 페어리를 통해 수집할 수 있는 파일 형식은 **문서, PDF, 압축파일, 오디오 파일, 이미지, 영상**까지 총 5개입니다.
>
> 관리자는 지원자가 업로드 해야하는 **파일의 수**와 **용량**을 지정할 수 있습니다.
>
> 필요한 파일 형식, 갯수, 용량을 설정하여 지원자의 파일 첨부 시의 실수를 줄일 수 있습니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FKIvoFBPYB2M6SnZg2qNK%2Fimage.png?alt=media&#x26;token=6199509f-ba99-42d5-937a-ae6d76066c84" alt=""><figcaption><p>백오피스</p></figcaption></figure>

**숫자 입력**

> 숫자만 입력할 수 있는 형식으로, **입력 가능 범위**를 설정할 수 있습니다. 예를 들어, 1\~2 범위를 설정했다면 2를 초과하는 숫자는 입력할 수 없습니다.
>
> 또한 **소수점 입력 가능 여부**도 설정할 수 있어서 '사용'으로 체크해두면 소수점 자리에 제한 없이 입력이 가능하도록 설정 가능합니다.

<figure><img src="https://1904511014-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEFYHP7abguMF4iUwUOnc%2Fuploads%2FNkBXHU9OI4oLnl4Ku3jF%2Fimage.png?alt=media&#x26;token=db8d2bb4-429b-4f42-a70c-2132a579fec5" alt=""><figcaption><p>백오피스</p></figcaption></figure>