Guide / Pages
KO EN

Pages

Pages 카테고리는 iBoard에서 웹사이트 페이지를 관리하는 핵심 영역입니다. 이곳에서는 페이지 생성, 페이지 정보 수정, 레이아웃 선택, Core 상속 설정, iBoard 콘텐츠 연결, 페이지별 HTML 영역 관리, 필요한 경우 관련 파일 수정까지 처리할 수 있습니다.

Pages는 웹사이트에서 실제로 보이는 화면입니다. 여러 페이지를 만들기 전에 페이지 기록, 레이아웃, Core 설정, Slug, 메뉴, ShortCode, 파일 구조가 어떻게 연결되는지 이해하는 것이 중요합니다.

Pages 카테고리가 관리하는 것

Pages 카테고리는 웹사이트 페이지의 구조와 동작을 관리합니다. 하나의 페이지는 단순 콘텐츠 페이지일 수도 있고, 로그인 페이지, 회원가입 페이지, 검색 페이지, 프로필 페이지, 게시판 페이지, 랜딩 페이지, HTML/CSS/JavaScript/ShortCode로 만든 커스텀 페이지일 수도 있습니다.

메뉴 주요 역할
List 등록된 페이지를 확인하고, 관리하고, 미리보기하고, 복사하고, 삭제합니다.
Register 새 페이지를 만들거나 기존 페이지의 설정, 레이아웃, 콘텐츠 영역을 수정합니다.
Setting Core 일반 페이지에서 공통으로 사용하는 Header, Top Area, Main Area, Bottom Area, Script, CSS, Night Mode를 관리합니다.
Modify Files 웹 기반 파일 편집기를 열어 페이지, 스킨, 템플릿, CSS, JavaScript, JSON 파일을 직접 수정합니다.

기본 개념

iBoard에서 Page는 단순한 콘텐츠 하나가 아닙니다. 페이지는 화면에 어떻게 보이고 어떻게 동작할지를 결정하는 여러 설정과 연결됩니다.

  • Page record: 페이지 이름, 번호, 그룹, Slug, Redirect URL, 페이지 옵션을 저장합니다.
  • Layout: 단일 영역, Top/Middle/Bottom, 사이드바 구조 등 페이지의 기본 모양을 결정합니다.
  • Core inheritance: Page Core의 공통 레이아웃 영역을 상속할 수 있게 합니다.
  • Detail information: 페이지별 Top, Middle, Bottom, Left, Right, Header, Script, CSS 영역을 수정합니다.
  • Shortcodes: Login, Menu, Register, Search, Profile, Ranking, Scrap, Calendar 같은 공통 기능을 삽입합니다.
  • Menu connection: 방문자가 웹사이트 메뉴를 통해 페이지에 접근할 수 있게 합니다.

Pages는 여러 기능과 연결됩니다

Pages는 iBoard의 여러 영역과 함께 동작합니다. 페이지가 정상적으로 보이지 않는다면 콘텐츠만 확인하지 말고, 레이아웃, Core 설정, 메뉴 연결, 미디어 파일, ShortCode까지 함께 확인해야 합니다.

연결 영역 관계
Page Core 일반 페이지에서 사용하는 Header, Top, Main, Bottom, Script, Style Sheet, Night Mode 설정을 제공합니다.
Layout Top, Middle, Bottom, Left, Right, Header, Script, CSS 영역이 어디에 출력될지 결정합니다.
Menu 방문자가 페이지를 쉽게 열 수 있도록 공개 메뉴에 연결합니다.
Media 페이지 콘텐츠에서 사용하는 이미지, 문서, 다운로드 파일을 제공합니다.
iBoard ##{IBOARD}## 또는 게시판 ShortCode를 사용해 페이지 안에 게시판 콘텐츠를 출력합니다.
Skin / Theme 페이지 레이아웃과 컴포넌트의 시각적 표현을 제어합니다.
Live Editor 페이지 관련 파일, 템플릿, 스타일, 스크립트를 직접 수정할 수 있습니다.

Pages List

List 메뉴는 등록된 모든 페이지를 보여줍니다. 이 화면에서 페이지 이름, 레이아웃, 주소, Core 상속 여부, iBoard 연결 여부, 빠른 작업 버튼을 확인할 수 있습니다.

List 화면은 다음 작업에 사용합니다.

  • 기존 페이지 찾기
  • 페이지 설정 열기
  • 페이지 미리보기
  • 기존 페이지 복사
  • 사용하지 않는 페이지 삭제
  • 페이지 주소 확인
  • 페이지가 Core 설정을 상속하는지 확인

Page Register / Page Editor

Register 메뉴는 새 페이지를 생성하거나 기존 페이지를 수정하는 곳입니다. 이 화면에서 페이지 기본 정보, 레이아웃, Core 사용 여부, Slug, Redirect URL, 선택된 iBoard, 페이지별 HTML 영역, CSS, JavaScript, ShortCode를 설정합니다.

주요 Page Editor 영역

영역 역할
Basic Information Page Number, Group Name, Page Name, Slug, Redirect URL, Core Use, 선택된 iBoard를 설정합니다.
Basic Layout Setting 페이지의 기본 레이아웃 템플릿을 선택합니다.
Detail Information 페이지별 Top, Middle, Bottom, Left, Right, Header, Script, CSS 영역을 수정합니다.
Guide / Short Codes 공통 iBoard 기능을 삽입하기 위한 ShortCode와 사용 안내를 제공합니다.

Page Core Settings

Setting Core는 일반 웹사이트 페이지에서 공통으로 사용하는 레이아웃 영역을 관리합니다. 이 기능은 게시판 페이지에 사용하는 iBoard Core와 다릅니다.

여러 페이지가 아래 항목을 공유해야 할 때 Page Core를 사용합니다.

  • Header meta 태그와 SEO 설정
  • 상단 메뉴 또는 Header 레이아웃
  • 왼쪽 또는 오른쪽 사이드 영역
  • Main 레이아웃 구조
  • Footer 또는 Bottom Area
  • 공통 JavaScript
  • 공통 CSS
  • Night Mode 스타일
Page Core는 이를 상속하는 일반 페이지에 영향을 줍니다. iBoard 게시판 레벨의 Core 영역을 제어하지는 않습니다.

Modify Files

Modify Files는 iBoard Live Editor를 여는 기능입니다. 권한이 있는 관리자 또는 개발자가 브라우저에서 직접 파일을 수정할 수 있는 웹 기반 파일 편집기입니다.

다음 파일을 수정할 때 사용할 수 있습니다.

  • HTML 템플릿 파일
  • CSS 파일
  • JavaScript 파일
  • JSON 설정 파일
  • Skin 파일
  • Page 관련 파일
Modify Files는 강력한 기능이므로 신중하게 사용해야 합니다. 저장한 변경 내용이 실제 웹사이트에 즉시 영향을 줄 수 있습니다.

Pages에서 사용하는 ShortCode

Pages에서는 ShortCode를 사용해 재사용 가능한 시스템 기능을 삽입할 수 있습니다. ShortCode를 사용하면 전체 로직을 직접 작성하지 않아도 페이지 레이아웃 안에 기능 컴포넌트를 넣을 수 있습니다.

ShortCode 역할
[LOGIN,{SKIN:Default}] 로그인 영역을 표시합니다.
[MENU,{SKIN:Default}] 메뉴 컴포넌트를 표시합니다.
[REGISTER,{SKIN:Default}] 회원가입 페이지를 표시합니다.
[SEARCH,{SKIN:Default}] 검색 컴포넌트를 표시합니다.
[SENDMSG,{SKIN:Default}] 메시지 발송 화면을 표시합니다.
[PROFILE,{SKIN:Default}] 프로필 페이지를 표시합니다.
[RANKING,{SKIN:Default}] 랭킹 목록을 표시합니다.
[SCRAP,{SKIN:Default}] 스크랩 또는 저장한 콘텐츠 목록을 표시합니다.
[CALENDAR,{SKIN:Default}] 캘린더 컴포넌트를 표시합니다.

권장 설정 순서

  1. 페이지의 목적을 먼저 정합니다.
  2. 페이지가 공개용인지, 내부용인지, 회원 전용인지 결정합니다.
  3. Page Core를 상속할지 결정합니다.
  4. 올바른 레이아웃 템플릿을 선택합니다.
  5. Pages > Register에서 페이지를 생성하거나 수정합니다.
  6. 콘텐츠는 보통 Middle 영역에 작성합니다.
  7. 로그인, 메뉴, 검색, 프로필, 게시판, 캘린더 기능이 필요하면 ShortCode를 삽입합니다.
  8. 페이지를 저장합니다.
  9. 페이지를 미리보기합니다.
  10. 공개 메뉴에 보여야 한다면 Menu에 연결합니다.
  11. 데스크톱과 모바일에서 테스트합니다.

자주 사용하는 작업

목표 사용할 메뉴
새 페이지 생성 Register
기존 페이지 찾기와 관리 List
여러 페이지에 같은 Header와 Footer 적용 Setting Core
페이지 파일 직접 수정 Modify Files
기존 페이지 구조 복사 List > Copy
iBoard가 표시되는 페이지 생성 Register > Using iBoard, Page
로그인 또는 회원가입 페이지 추가 Register > ShortCode

주의사항

  • Pages는 웹사이트에서 실제로 보이는 구조를 만드는 핵심 영역입니다.
  • 하나의 페이지는 레이아웃, Core 설정, 미디어 파일, ShortCode, 메뉴 링크에 영향을 받을 수 있습니다.
  • 페이지가 더 이상 사용되지 않는 것이 확실하지 않으면 삭제하지 마세요.
  • Core 상속은 공통 Header, Footer, Script, CSS 적용 방식에 영향을 줍니다.
  • ShortCode는 숏코드 렌더링을 지원하는 영역에 붙여 넣어야 합니다.
  • Modify Files는 실제 파일에 바로 영향을 줄 수 있으므로 신중하게 사용하세요.
  • 페이지 수정 후에는 반드시 미리보기하세요.

자주 하는 실수

실수 결과
메뉴 구조를 계획하지 않고 페이지부터 생성 웹사이트 메뉴 구조가 복잡하고 혼란스러워질 수 있습니다.
잘못된 레이아웃 사용 콘텐츠가 원하는 위치에 나오지 않거나 화면이 깨질 수 있습니다.
Core 상속을 확인하지 않음 공통 Header, Footer, CSS, Script가 적용되지 않을 수 있습니다.
개별 페이지에 전체 사이트용 Script 작성 유지보수가 어렵고 페이지마다 Script가 중복될 수 있습니다.
메뉴에 연결된 페이지를 삭제 방문자가 깨진 링크를 열 수 있습니다.
백업 없이 파일 수정 실제 웹사이트가 깨지고 복구가 어려울 수 있습니다.

관리 권장 사항

  • 많은 페이지를 만들기 전에 페이지 구조를 먼저 계획하세요.
  • 페이지 이름과 Slug는 명확하고 간단하게 작성하세요.
  • 공통 레이아웃 영역은 Page Core를 사용하세요.
  • 페이지별 Script와 CSS는 해당 페이지에만 필요한 경우에만 사용하세요.
  • 재사용 가능한 기능은 가능하면 ShortCode로 관리하세요.
  • 공개 메뉴에 연결하기 전에 페이지를 미리보기하세요.
  • Modify Files를 사용하기 전에는 중요한 파일을 백업하세요.
  • 중요한 페이지와 목적은 이후 관리자를 위해 기록해 두세요.
Pages 카테고리는 iBoard에서 웹사이트 화면을 관리하는 기초입니다. 페이지의 목적을 먼저 정하고, 올바른 레이아웃을 선택하고, Core 상속을 정확히 사용한 뒤, 공개 전 반드시 테스트하는 것이 좋습니다.