적용버전 : XE Ver 1.5 or higher 추가 설치한 게시판 모듈에서 게시판 등록하고 기본 레이아웃과 연결하기

게시판 생성하기

게시판 생성하기

홈페이지에서 가장 유용한 기능인 글을 쓰고 저장하는 게시판을 만들어 봅니다. 이전 과정에서 XE 코어에게 이러한 동작이 가능하도록 새로운 모듈을 추가 설치하였습니다. 즉 게시판 모듈이지요. 모듈을 추가 설치하였다고 곧바로 쓸 수 있는 것은 아닙니다. 게시판 모듈 관리 페이지에서 용도에 맞게 사용할 게시판을 새로 등록하고 사용할 준비 과정이 필요합니다. 아래 내용은 최초 게시판 생성을 위해 꼭 필요한 몇가지 입력사항을 확인해 보고 다른 선택사항은 다음 과정에서 살펴보도록 합니다.

관리자 메뉴에서 [확장기능] > [설치된 모듈]로 이동합니다.

image

게시판 모듈을 클릭합니다.


image

새로운 게시판을 등록하기 위해 [게시판 등록]을 클릭합니다.


image

① 모듈의 이름은 게시판이 사용할 변수값입니다. 모듈의 이름은 영문_숫자의 조합으로 작성해야 하며 추후에 얼마든지 수정할 수 있습니다. 왜냐하면 게시판이 생성될 때 함께 할당받는 고유 식별번호는 module_srl이고 이 값은 숫자(number)값입니다. 이 값은 불변합니다. 따라서 모듈의 이름은 자유롭게 생성/수정이 가능합니다.

② 브라우저 제목은 웹브라우저의 제목란에 출력되는 간단한 텍스트의 내용입니다.


image

③ 게시판이 사용할 스킨을 선택합니다. 기본 설정값은 XE Default 2007입니다. 이것을 XE Default 2008 버전으로 선택해 주세요. 게시판의 다양한 스킨은 이곳 스킨 선택 옵션에서 설정한다는 것을 확인해 보기 위한 것입니다.


image

설정한 내용으로 게시판을 생성하기 위해 등록 버튼을 클릭합니다.


image

새로 등록된 게시판 보기를 클릭합니다.


image

자유게시판이라는 이름으로 등록한 새로운 게시판이 생성 되었습니다. 그런데 게시판만 덩그라니 보이는군요. 우리가 원했던 것은 XE 코어 초기 설치시 보았던 환영(Welcome XE) 페이지처럼 기본 레이아웃에 게시판을 함께 출력하는 것입니다. 우선 레이아웃의 구조를 간단히 살펴봅니다.


기본 레이아웃(Layout)의 구조

XE 코어 프로그램이 설치되면 가장 먼저 보이는 화면이 XpressEngine 환영(Welcome XE) 페이지의 기본 레이아웃입니다.
레이아웃(layout)이란 "배치" 또는 "설계"의 의미로서 제한된 공간 안에 각 구성요소를 효과적으로 배치하고 나열하는 디자인적인 구성을 말합니다. XE의 기본 레이아웃의 구성을 살펴보면 가장 윗부분에는 가로로 긴 사각형 모양의 머리말(header) 영역이 놓여 있습니다. 이 영역을 헤더(header)라고 합니다.

image

좌측에는 로그인과 서브메뉴가 놓일 수 있는 좁은 사각형 부분이 있는데 이 영역은 사이드바(Side Bar) 또는 왼쪽 내용(Left Content)이라고도 하고 그 쓰임새와 부르는 표현방법은 다양합니다. 환영 메시지와 함께 간단한 설치정보를 보여주는 가장 넓은 부분은 사이트의 주된 내용물을 포함하고 있다고 해서 콘텐츠(Content)라고 부릅니다. 맨 아래에는 사이트의 간략한 정보나 저작권 또는 제작자의 연락처 등을 보여주는 부분이 있는데 가장 하단에 있다고 해서 푸터(footer)라고 표현합니다.


레이아웃 연결하기

레이아웃의 가장 중요한 역할은 바로 내용물(Content)을 가장 잘 포장할 수 있는 기술이라고도 말할 수 있는데 이 영역에 이번 과정에서 생성한 게시판을 넣어야 합니다.

image

게시판 목록에서 [설정]을 클릭합니다.


image

레이아웃 선택 옵션에서 XE 공식 기본 레이아웃을 선택하고 수정한 내용을 저장하기 위해 등록 버튼을 클릭합니다.


image

기본 레이아웃의 Content 영역에 게시판이 출력되는 것을 확인할 수 있습니다. 다른 레이아웃으로도 바꿔보며 결과를 테스트 해 보세요. XE가 정말 재미있고 신기하게 느껴지실 것입니다. 게시판 스킨과 기타 다른 옵션 항목도 조금씩 변경하며 확인해 보기를 바랍니다.

그런데 메뉴에는 어떻게 연결하는 것일까? 메뉴 만들기를 다루기 전에 먼저 모듈과 페이지에 대한 내용을 다음 과정에서 살펴보도록 합니다.