제로보드4에서 XE로 넘어 와 헤메는 분들을 위한 팁-2

뒤로 미룰까 하다가 내친김에 하지 않으면 다시 이어 쓰기 귀찮을거 같아서 계속 갑니다.

2편까지 따라 하셨으면 이제 본격적으로 XE를 이용해서 사이트를 구축해 보도록 하지요.

 

그림이 없으니까 필요하시면 이 글을 복사해서 메모장에 붙여 넣어 옆에 띄어놓고

보면서 차근 차근 따라하시면 도움이 될겁니다.

 *경고*

(1편을 읽지 않고 오신분은 꼭 1편을 읽고 오시길 권해드립니다.

 꼼꼼히 읽어 보지 않으면 설치하고 모든 세팅마친후에 지우고 다시 설치하는 시간낭비를 하실 수도 있습니다)

 

 

들어가기 전에 우선  프로그램의 모듈자료실에 보면

사이트생성 게시판복사 마법사 wizardXE라는 모듈이 있는데요

이 프로그램은 사이트를 손쉽게 생성하도록 도와 주는 프로그램입니다.

저도 설치해서 사용해 봤는데. 편리한 점도 있지만, 이 프로그램에 의존하면

XE의 전반적인 구조와 메카니즘을 이해하는데 도움이 되지 못한다는 점입니다.

따라서 너무 편한길로 가다가 나중에 더 힘들어질 수도 있으니.

가능하면 그런 프로그램에 의존하지 말고 차근 차근 따라오면서 직접 시험삼아

사이트를 구축해 보시라고 권해 드립니다.

 

계속 진행합니다.

 

1. 사이트 구축의 첫째 관문. 또다시 모듈.

 XE에서는 모듈이란 말이 참 많이 사용됩니다. 때로는 그 때문에 헷갈리기도 하는데요.

일단 2편 마지막에 이야기 했던  관리자페이지로 접속합니다.

정상적으로 XE가 설치되어 관리자 화면에 접속했다면

관리자 페이지를 보면 왼쪽에 메뉴들이 주욱 나와 있고, 오른쪽에는 모듈 종류들이 주욱 나와 있을것입니다.

그 모듈 리스트 중에 오른쪽에 빨간 글씨로 설치라는 표시가 된 항목이 있을것입니다.

이 것은 그 모듈들이 기본적으로 XE core와 함께 설치된것이 아니라 별도로 업로드 한 모듈들이란 표시입니다.

 그 설치라는 글씨를 클릭하면, 이제 core가 이 프로그램들을 설치하고 사용할 준비를 마치게 됩니다.

 

2. 모듈 분류만들기.

모듈 설치를 마친후 제일 먼저 해야 할일이 모듈분류를 만드는 일입니다.

관리자초기 페이지 왼쪽 메뉴에 맨 아래에 있는 시스템관리 --> 모듈로 들어갑니다.

오른쪽에 모듈관리 페이지가 뜨고 아래에 모듈목록과 모듈분류 두개의 탭메뉴가 나타납니다.

여기에서 모듈분류탭을 클릭합니다.

물론 아무것도 안보일겁니다. 오른쪽 하단\에 있는 생성 버튼을 누르고 분류명을 지정해 줍니다.

여기에서 만들어지는 모듈분류는 사이트전체의 모듈들을 하나로 묶어 연동시키기 위한 하나의 그룹의 틀을 만드는 작업입니다.

이름을 적절히 지정해 줍니다. 분류명에 myhome1이라고 이름붙입시다. 그리고 등록버튼을 누르면 모듈뷴류가 하나 만들어집니다.

그런데 개인적으로 이것을 모듈분류라고 이름붙인것이 좀 못마땅합니다.

프로그램의 뜻으로 사용되는 모듈과 헷갈리게 하기 때문입니다.

아무튼 모듈분류가 만들어 지고 나면 다음 단계로 진행합니다.

 

3. 레이아웃설정하기.

 앞에서 말씀드렸듯이 XE는 사이트빌더 프로그램이라고 했습니다.

그래서 이 레이아웃을 관리하는 기능이 아주 훌륭한데요.

여러개의 레이아웃을 등록시켜 뒀다가  그룹으로 나눠서 관리하면, 사이트 리뉴얼이 아주 쉬워질것 같습니다.

아무튼 이 레이아웃을 설정하기 위해서는 왼쪽 메뉴 [사이트 설정]===>레이아웃으로 들어갑니다.

첫 접속이면 레이아웃 목록이 비어있을 것입니다. 상단 탭메뉴에 레이아웃 목록 옆에

다운로드 목록이라고 보입니다. 그것을 클릭합니다.

 좀 전에 다운로드 받아서 FTP로 layouts폴더에 정확히 업로드를 했다면

이 다운로드 목록안에  좀전에 업로드한 레이아웃들이 주루룩 나열되어 보일것입니다.

이곳도 비어있다면 레이아웃스킨을 다운받아서 업로드를 하지 않았든가

정확히 Xe/layouts 폴더안에 업로드를 하지 않은 경우입니다.

 레이아웃 목록이 보이면 그 중에서 원하는 레이아웃을 선정해서 오른쪽에 있는 생성버튼을 누릅니다.

그리고 레이아웃 제목을 자신이 원하는것 알아서 구분하고 관리하기 쉬운 것으로 그 레이아웃 이름을 붙입니다.

이왕이면 쉽게 알아보게 레이아웃의 이름과 같은 것으로 붙여주면 좋겠죠. 다음버튼을 누르면

레이아웃설정 페이지가 뜹니다.

이것 저것 볼것없이 무조건 맨 아래 저장 버튼을 누릅니다.

그리고 나서 레이아웃 목록으로 돌아와 보면 레이아웃 목록에 방금 추가한 레이아웃이 표시될겁니다.

이제 이 레이아웃을 사용할 준비가 되었습니다.

 

4. 게시판 만들기. 

이제 본격적으로 게시판을 만들어 보겠는데요. 제로보드 사용해 보신분은 어렵지 않을것입니다.

관리자 초기페이지 왼쪽 메뉴중 맨위에 있는 [서비스관리]--->게시판EX를 클릭합니다.

아직 게시판 모듈만 설치되었기때문에 게시판은 없습니다.

그러나 모듈을 설치하면 한개의 게시판이 기본적으로 만들어 집니다.

그게시판 무시하고 자신이 원하는 게시판을 만들어 봅시다.

 오른쪽 하단에 있는 생성버튼을 누릅니다.

게시판 최고관리자 페이지가 뜨고 항목들이 보이는데

여기에서 중요한 것이 모듈이름입니다.

예전 제로보드의 게시판이름과 같은 것입니다.

영문과 숫자로만 이름을 지정할 수 있고,나중에 게시판 호출할 주소에 사용될 이름입니다.

free라는 이름을 붙여줍시다(자유게시판용으로 사용할것이기 때문에)

그리고 모듈이름 아래에 보면 모듈 분류라고 보이는데 미사용이라고 되어 있는 옆을 클릭해서 보면

좀 전에 만들어 둔 모듈분류 이름(myhome1)이 보이실것입니다. 그것을 선택합니다.

그리고 그 아래에 레이아웃에서도 좀 전에 레이아웃에서 지정해 둔 레이아웃을 선택합니다.

스킨항목에서도 별도로 올린 게시판 스킨이 있으면 그 항목이 표시됩니다. 그 스킨을 선택합니다.

그아래에 브라우저제목이 보입니다. 여기서 저는 헷갈렸는데요.

이게 뭐냐면, 최근글 호출할때 뜨는 게시판 이름입니다.

게시판 모듈이름과 반드시 일치하지 않아도 되고 한글사용도 가능합니다.

지금 생성하고 있는 것이 자유게시판이기때문에 영어로 모듈이름과 같이 free로 해도 되고

그냥 자유게시판, 그렇게 지정해 줘도 됩니다.

 게시판 용도가 갤러리면 갤러리, 혹은 자료실.등등의 이름을 원하시는데로 붙여 쓸수 있습니다.

이상까지만 지정해 주면 나머지 항목들은 천천히 나중에 다시 설정할 수 있으니 패스하고

맨아래에 오른쪽에 있는 등록버튼을 누릅니다.

 다시 게시판 관리화면으로 돌아가보면 게시판이 생성되어 있는 것을 볼 수 있습니다.

 

5. 게시판 모듈분류해 주기

 이제 게시판이 생성되었으면, 이 게시판을 좀전에 만들어둔 모듈분류에 담는 일이 필요한데요

간단합니다.

 모듈이름(게시판이름)앞에 있는 사각체크박스를 모두 체크한 뒤에 왼쪽 아래에 있는

초록색 설정 버튼을 누릅니다

 모듈분류와 레이아웃, 스킨을 지정해 주는 별도의 창이 뜨는데요

여기에서 좀전에 만들어 둔 모듈분류(myhome1)과 레이아웃에서 지정해둔 스킨을 지정해 줍니다.

그렇게 해야 이 게시판이 실행될때 항상 같은 종류의 레이아웃스킨을 inclode해서 출력됩니다.

아래의 등록버튼을 누르면 등록이 됩니다.

 

6. 메인페이지 (예전의 index페이지 역할하는 페이지) 만들기

 이제는 페이지를 만들어 봅시다.

예전 제로보드 사용시에는 메모장이나 에디트 플러스등의 프로그램에서 소스를 직접 기입하거나,

나모웹에디터, 드림위버등의 프로그램으로 페이지를 만들고 꾸며서 업로드 해주고,

그 페이지의 이름을 메뉴와 링크시켜서 뜨도록 했었습니다만,

XE에서는  페이지를 관리자페이지에서 바로 생성할 수 있도록 해 주고 있습니다.

복잡한 설명 생략하고. 일단 페이지를 하나 만들어 봅시다.

보통 접속시 처음 나타나는 기본메인페이지를 만들텐데요.

자세한 설정과 꾸미는 것은 뒤로 미뤄두고 일단은 하나 만들어 봅시다.

 우선 관리자 화면 왼쪽 메뉴에서 [서비스관리]==>페이지로 들어갑니다.

오른쪽 하단에 있는 생성버튼을 누릅니다.

페이지 관리 페이지가 뜹니다.

모듈이름항목란에는 이 페이지를 호출할때 쓸 고유이름을 지정해 줍니다.영어와 숫자만 됩니다.

첫페이지로 쓸것이니 main1이라고 이름붙여 줍시다.

 모듈분류는 역시 최초에 만들어둔 모듈분류이름 (myhome1)을 선택하고,

브라우저제목은 메뉴등에서 호출할 이름을 임의대로 붙여줍니다.

한글사용도 가능합니다. 메인 혹은 main이렇게 붙여줍시다

레이아웃항목은 역시 게시판 생성시와 마찬가지로 사이트에서 사용할 통일된 레이아웃을 선택합니다.

그리고는 저장버튼을 누르고 빠져 나오면 만들어진 페이지가 목록에 나타납니다.

이 페이지를 꾸미는 것은 나중에 사이트구축이 끝난뒤에 하면 되니

일단 여기까지만 하고 메뉴만들기로 들어갑시다.

 

7..메뉴 만들기.

 순서가 뒤죽박죽 같아도 제가 제안하는 방법대로 하는것이 훨씬 덜 헤메이고 좋습니다.

자 이제 중반을 넘어서고 있습니다. 메뉴를 만들 차례인데요.

예전에 제로보드 사용시에는 메뉴를 나름대로의 방식대로 만들어서 게시판의 주소나 특정페이지주소를

링크만 시켜주면 되었는데요. XE에서는 메뉴버튼은 레이아웃스킨이 담당해서 만들어주고.

그렇게 만들어진 메뉴항목과 실제 링크페이지나 링크게시판과 이어주는 역할은

이 메뉴모듈이 실행해 줍니다. 이제 메뉴를 만들어 봅시다.

 다시 관리자 초기페이지 왼쪽 메뉴에서 [사이트설정]==>메뉴로 들어갑니다.

처음 들어왔다면 아무것도 없을 것이고,

일단 멘위에 있는 메뉴관리 아래 제목이라는 항목에 메뉴의 이름을 지정해 줍니다.

자신이 원하는 메뉴의 이름을 지정해 주면됩니다. 편의상 [menu1]이라고 이름붙여줍시다.

그리고 아래에 보면 메뉴라는 아이콘과 초록색 십자가(혹은 플러스)아이콘이 보이실것입니다.

그 초록색 플러스 아이콘을 클릭하세요 클릭하면 새로운 창이 뜨면서

메뉴와 관련된 항목들이 보일것입니다.

여기에서 메뉴명은 실제 웹상에서 보여지는 메뉴의 이름입니다.

여기에 적어넣는 글씨가 그대로 메뉴판에 보여집니다.

 

사이트 접속시 나타나는 메뉴가  home    자유게시판 이렇게 두개의 메뉴가 있다고 가정합시다

우선 메뉴 아이콘의 플러스 표시를 눌러 창을 띄웁니다.

메뉴명을 적는 자리에 Home라고 적어둡시다.

이 글씨가 그대로 메뉴에 표시됩니다.

그리고 이 home이란 메뉴를 클릭했을때 링크될 페이지나 게시판을 찾아 넣는 것이

바로 그 아래이 있는 연결url항목입니다.

 mid찾기를 클릭합니다.

별도의 mid찾기 창이 뜹니다.

여기에서 모듈분류를 myhome1으로 선택하고,

링크 시키고 싶은 것이 페이지면 모듈에서 페이지,

링크 시키고 싶은 것이 게시판이면 모듈에서 게시판을 선택하고 go버튼을 누릅니다.

(그런데 현재는 페이지 하나와 게시판 하나를 만들었기 때문에 모듈분류만 선택하면

해당 모듈분류에 포함된 모든 게시판과 페이지들이 보여집니다.

나타나는 목록들 중에서 링크 시키고 싶은 것을  선택버튼을 눌러 선택합니다.

창이 닫히고 다시 메뉴등록창이 보여집니다

연결url에 채워진것이 있으면 저장버튼을 누릅니다.

그리고 같은 방법으로 메뉴항목들을 추가해 갑니다.

메뉴를 추가하고 싶으면 메뉴글씨 옆에 있는 초록십자가를 눌러 주시고.

메뉴를 1차메뉴 2차서브메뉴로 구성하고 싶으면

생성된 메뉴 우측에있는 초록십자가를 누르면 하위메뉴가 또 만들어집니다.

빨간색 마이너스 버튼은 생성된 메뉴를 지우는 역할을 하고

중간에 있는 회색톱니바퀴는 메뉴의 설정을 고치는 역할을 합니다.

 한가지 Tip: 2차 메뉴를 사용하고 싶은 분은 1차로 생성된 메뉴에서

연결url항목을 그냥 공란으로 비워두기만 하고 2차메뉴에서 연결 url을 링크시켜주면 됩니다.

그렇게 메뉴들을 원하는 수만큼 만듭니다.

자 이제 거의 끝났습니다.

 

8. 다시 레이아웃설정으로 돌아갑시다. 

 지금까지 한것을 점검해 봅시다.

 1).시스템관리=>모듈에서 모듈분류를 myhome1으로 만들었습니까?

 2).레이아웃스킨을 업로드하고 선택해서 생성해 주셨나요?

 3) 사이트 접속시 처음보여질 메인페이지를 만들어 주셨나요?

 4)메뉴를 원하는 항목대로 만들고 제대로 링크를 시키셨나요?

 

여기까지 따라왔으면 이제 다시 한번 레이아웃설정으로 들어가야 합니다.

관리자초기페이지 왼쪽메뉴에서 [사이트설정]==>레이아웃으로 들어가서

조금전에 만들어준 레이아웃 항목의 오른쪽에 있는 설정아이콘(회색톱니바퀴모양)을 클릭해서 엽니다.

다른건 나중에 설정하고 우선맨 아래로 내려가서 상단메뉴항목부분으로 갑니다.

메뉴를 선택하는 항목인데요. 여기에서 좀전에 만들어준 메뉴이름 [menu1]을 선택합니다.

레이아웃에 따라서는 하단메뉴항목이 생길수 있는데 여기도 마찬가지로 menu1을 선택해 줍니다.

그리고 그 아래에 있는 레이아웃 일괄적용부분을 체크해 줍니다.

마지막으로 저장해 주고 빠져 나옵니다.

 

9. 마지막 settings

 이제 정말 거의 마지막까지 왔습니다.

저는 XE사이트에 있는 XE사용설명서를 보며 따라 했는데 이부분에서 막혀서

한동안 헤맸습니다.

위의 과정까지 다해도 이 마지막 세팅을 해주지 않으면

사이트에 접속해도 첫페이지가 제대로 뜨지 않습니다.

위의 과정을모두 마쳤으면 이제 마지막 세팅을 해줄 차례입니다.

이 마지막 세팅 메뉴는 이상하게도 관리자 화면 왼쪽에 있지 않고

상단 우축에 조그맣게 있습니다.

그래서 많은 사람들이 여기서 헤메이게됩니다.

 상단 우측에 signout 옆에 settings라는 메뉴가 있습니다.

이것을 클릭해 줍니다.

 

항목들 중에 기본URL이라고 있는부분에

자신의 사이트 주소(https://자신의 주소) 를 적어줍니다.

 

======================================================

여기서 한가지 주의할 점!!!!

만약에 XE라는 폴더가 통째로 자신의 root폴더에 들어가 있다면

자신의 주소만 입력하면 첫페이지가 제대로 뜨지 않습니다.

그래서 https://자신의 주소/xe 라고 해야만 자신이 만든 페이지가 뜨는데요.

 이런 문제를 해결하기 위해서는 최초 설치전에 미리 XE폴더 안에 들어 있는

모든 폴더와 파일을 XE폴더 밖으로 빼낸후에 설치를 해주셔야합니다.

 설치를 마친후에 옮기면 에러가 생깁니다

꼭 먼저 이동하신후에 설치를 하세요!!!!

이 부분에 대한 자세한 설명은 1편에 추가하여 설명올렸습니다.

 ======================================================

 

기본 url에 자신의 주소를 적어주셨다면

그 다음항목이 시작모듈인데요.

첫 index페이지(즉 자신의 사이트 주소로 접속했을 때 뜨는 첫 페이지)를 무엇으로 할것인지에 대해 결정하는 부분입니다.

이 시작모듈에 게시판을 적어주면 접속시에 게시판이 뜨고, 페이지를 지정해 주면 그 첫페이지가 뜹니다.

보통은 게시판이 첫 화면에 오기보다는 꾸며진 화면을 띄우기를 원하지요

항목란 우측에 있는 선택버튼을 누르면 모듈선택기라는 새창이 뜹니다.

여기에서 모듈을 페이지로 선택하면 만들어둔 페이지들이 뜨는데요

좀전에 단 한개의 main1이란 페이지만 만들었기때문에 그 페이지가 뜹니다.

그 페이지 우측에 선택을 클릭하여 선택합니다.

물론 지금으로서는 main1이란 페이지는 비어있지만, 별도로 위젯을 이용하여 꾸미면 되니까

일단 main1페이지를 지정해 줍니다.

 

아~!!!!!! 이제 드디어 끝났습니다.

여기까지 차근 차근 따라 왔다면 이제는

웹브라우져 주소창에 자신의 사이트 주소를 쳐보세 요.

 

쨘~! 드디어 볼품은 아직까지 없지만 사이트가 메뉴까지 갖추고 만들어 졌습니다.

 

이제 남은 작업은 그렇게 불러온 첫페이지에서 손수 최근게시물을 불러 들이고

이미지들들을 넣는 작업만 남았습니다.

 

오시느라 고생하셨습니다.

저도 타이핑 하느라 힘들었습니다.

다음편에는 그렇게 구축된 사이트의 첫페이지에서

어떻게 최근게시물을 불러오고 이미지를 넣을지등에 대한

페이지 꾸미기에 대해서 알아보겠습니다.

강의는 여기까지입니다. 감사합니다.

 

 

출처 : 제로보드 공식 홈페이지