Home 컴퓨팅 서버/워크스테이션 전체

누구나 만들 수 있는 웹서버, 다락방 서버
1.사이버 상에 다락방의 추억을... 2.다락방 서버로 할 수 있는 것들
3.윈도우 방화벽 설정 4.기존 보유한 .com이나 .co.kr 도메인 연결하기
5.IIS7에서 호스트 입력하기 6.WPI를 통한 웹 서비스 다운로드
7.IIS7 설정하기 8.XE 설정하기
9.웹하드 서버 구축하기 10.더 이상 다락방이 아닌 다락(多樂)방으로..
싸이월드 공감
 
2010/04/08 10:31:42  
케이벤치기자 webmaster@kbench.com 인쇄 스크랩 목록
8.XE 설정하기

 XE는 제로보드에서 출발한 오픈형 웹 개발 소프트웨어이다. 무료 개발 소프트웨어라고는 하지만 웬만한 유료 소프트웨어 못지 않은 막강한 기능과 함께 수 많은 웹 개발자들이 각종 위젯, 스킨, 어플리케이션 등을 만들어 역시 무료로 제공하고 있어서 많은 돈을 지불하고 만드는 홈페이지보다 더 뛰어난 홈페이지 개발이 가능하다는 것이 특징이다.

XE 홈페이지 가기

또한 자체적으로 게시판이나 위키,  블로그, 갤러리 등을 몇 번의 마우스 클릭으로 만들 수 있고 회원 관리 및 SSL 적용 등으로 인해 대규모 사이트도 구축할 수 있어서 마이크로소프트와 네이버가 다락방 서버에 XE를 선택한 것으로 보인다.

<관리자 로그인 후 첫 화면>

 XE의 첫 화면을 보면 기대와 달리 매우 밋밋할 지도 모른다. WPI를 통해서 설치되는 부분은 매우 기본적인 것들 뿐이다. 기능 추가를 위해서는 XE 사이트 제어판으로 이동해서 설치를 해주면 되며, XE 제어판은 http://도메인네임/xe/?module=admin 이다.

 
 

<XE 제어판 화면>

 XE 제어판으로 이동을 하면 설치 가능한 모듈과 위젯, 스킨 등을 바로 다운로드하여 자신의 웹사이트에 적용을 할 수 있다. 또한 회원관리를 하고 새로운 페이지를 생성하며 게시판을 만들어서 적용시키는 등 가장 핵심적인 부분이라 할 수 있는 매우 중요한 곳이다.

 그럼 간단하게 레이아웃 스킨을 한 번 바꿔보도록 하겠다. 레이아웃이란 웹 페이지의 전체적인 디자인이라 보면 된다. 바꿨을 경우 XE의 기본 페이지 및 게시판 페이지가 어떻게 바뀌는지 한 번 보자. XE 제어판에서는 FTP 설정을 통해서 바로 다운로드 받을 수 있도록 되어 있지만 이번에는 XE 홈페이지의 다운로드 페이지에서 직접 다운로드 받아서 설치하는 방식을 이용해 보도록 하겠다.
 

위의 레이아웃은 XE 공식 홈페이지의 레이아웃 스킨 카테고리에 등록된 무건이님의 Elkha 스타일 들이다. 단지 스킨 하나 바꿨을 뿐이데 기본 스킨과는 엄청난 차이를 보여준다. 이 외에도 무료로 공개된 다양한 레이아웃 스킨과 모듈 스킨 등이 제공되니 마음에 드는 것을 사용하거나 직접 만들어 사용하면 된다.

 XE 공식 홈페이지의 다운로드 페이지로 이동을 하면 카테고리별로  정리가 되어 있고 이들 중에서 레이아웃 스킨 링크를 선택하면 레이아웃 스킨이 올려져 있는 자료실로 이동을 할 수 있다.

 우선 사이트 목록에서 자신이 수정할 사이트를 선택하자. 먼저 리스트에서 각 스킨들의 썸네일 이미지를 보고 마음에 드는 것이 있다면 다운로드를 하자. 일반적으로 스킨들은 zip 형태의 압축파일로 되어 있다. 스킨을 다운로드 한 뒤에 XE가 설치된 디렉토리의 layouts 폴더에 풀어주면 된다. 특정 디렉토리에 XE를 설치하지 않고 기본값 그대로 설치를 했다면 C:inetpubwwwrootxe 가 기본 폴더 있다.

 잠시 XE 폴더들을 살펴보면 layouts, modules, widgets, widgetsyles 라는 4개의 폴더가 있음을 확인할 수 있을 것이다. 이는 XE의 레이아웃, 모듈, 위젯들이 모아져 있는 폴더로써 XE 홈페이지에서 다운받은 레이아웃 스킨, 모듈, 위젯과 위젯스킨들을 해당 폴더에 집어 넣으면 된다.

 우리는 지금 레이아웃 스킨을 다운받았으므로 layouts 폴더에 압축을 풀어두면 1차적인 설치는 끝이 난다. 이때 최신 알집으로 그냥 압축을 풀어주면 스킨이름의 디렉토리가 2개 생기면서 제대로 적용이 안되는 경우가 있으니 "layouts스킨이름"으로 되어 있는지 확인을 해두자. 알집으로 압축을 풀 경우 "layouts스킨이름[1]스킨이름" 형태로 압축이 풀리게 된다.

 폴더에 압축을 풀고 나서 XE제어판의 "시스템설정" -> "레이아웃"으로 이동을 하면 레이아웃 관리 메뉴가 보이는데 여기에는 "xe_officeial_v2"라는 레이아웃 하나만 보일 것이다.
 

 위의 이미지에서는 이미 등록된 레이아웃 목록이 함께 보이는데, 탭 메뉴에 있는 "다운로드 목록"으로 이동을 하면 방금 다운로드 받은 스킨 리스트가 보일 것이다.
 

여기에서 우측에 있는 "생성" 버튼을 클릭하면 이제부터 자신의 웹사이트에서 해당 레이아웃을 사용할 수 있게 된다.

이제 간단히 메뉴를 추가하고 페이지를 생성하는 방법을 알아보도록 하겠다. XE에서는 새로운 페이지나 게시판을 만들고 메뉴를 생성한 후에 서로 연결시키는 작업을 끝으로 메뉴가 만들어진다.

 자유게시판을 하나 생성해 보자. 먼저 자유게시판으로 사용할 게시판 모듈을 하나 생성한다. 게시판 모듈 생성은 XE 제어판의 좌측 메뉴 중 제일 위쪽에 있는 "서비스관리"-> "게시판"으로 이동하면 된다.

<XE 제어판 메뉴들>

 "게시판" 메뉴로 이동하면 아래와 같은 화면을 볼 수 있다.

<XE 게시판 관리 초기화면>

현재에는 이미 만들어진 board라는 게시판 하나밖에 없다. 여기에서 우측 하단에 있는 생성 버튼을 클릭하면 게시판을 새로이 만들 수 있다.
 

<게시판 생성 메뉴>

 게시판 생성을 위해서 필수적인 요소는 모두 위쪽에 있다. 먼저 모듈 이름을 정하자. 모듈 이름은 URL 주소로 사용되는 고유이름으로 해당 사이트에서 고유한 이름이다. 자유게시판을 만들 예정이니 freeboard라 하겠다. 다음으로는 브라우저 제목에 자유게시판이라고 써주면 된다. 이는 웹브라우저의 왼쪽 상단에 표시되는 이름이다. 

 레이아웃은 기본으로 제공되는 XE공식 게시판 레이아웃을 사용해도 되지만 앞서 다운로드 받은 레이아웃 스킨을 그대로 적용해도 된다. 여기에서는 Elkha2 -Gray Style 스킨을 적용시켜 보겠다.  그리고 스킨은 모듈(게시판)에 대한 스킨이다. 레이아웃 스킨과 모듈 스킨은 다르다. 레이아웃 스킨은 게시판이 담겨져 있는 전체적인 페이지에 대한 구성이며 모듈 스킨은 순수하게 게시판에 대한 부분이다. 기본 제공되는 XE 게시판 기본 스킨으로 사용하겠다.

 밑으로는 옵션으로 제공되는 다양한 것들이 있지만 게시판 생성에 있어 필수적인 요소는 아니므로 사용자가 입맛에 따라 설정을 해주면 된다. 이것저것 설정이 다 끝났으면 제일 아래쪽에 있는 "등록" 버튼을 눌러주면 게시판 생성은 끝이다.
 

<생성된 자유게시판>

 다시 게시판 관리 메뉴로 나오면 방금 만들어진 자유게시판이 보인다. 게시판 모듈이 생성되었지만 아직 웹사이트에 적용된 것은 아니다. 다음으로는 웹사이트의 메뉴에서 자유게시판을 추가하는 작업을 해야한다.


 메뉴의 등록은 "사이트 설정" -> "메뉴"에서 가능하다. 여기에서는 웹사이트에서 링크로 제공하는 각종 메뉴들을 추가/삭제/변경할 수 있다. 
 

 메뉴 관리로 이동을 하면 main menu라는 1개의 메뉴만 보인다. 여기에서 오른쪽에 보면 톱니바퀴 버튼이 있는데, 이게 main menu를 수정할 수 있는 편집버튼이다. 버튼을 클릭하고 들어가면 main menu에 속해 있는 메뉴들을 수정할 수 있다.
 

 기본적으로 home, board, wiki, issuetracker 4개의 메뉴가 있지만 필자가 임의로 wiki와 issuetracker 2개를 지운 상태이기에  화면상에는 home과 board 2개만 보일 것이다. 여기에서 자유게시판을 생성하고자 한다면 녹색의 플러스 버튼을 클릭하면 된다. 만약 "메뉴" 옆에 있는 플러스 버튼을 누른다면 최상단 메뉴에 자유게시판이 만들어지고 home이나 board 옆에 있는 플러스 버튼을 누르면 이미 만들어진 메뉴의 서브 메뉴로 들어가게 된다.

 또한 만들어진 메뉴들은 드래그 앤 드롭으로 끌어다가 자유롭게 이동을 시킬 수 있다.  일단 "메뉴" 옆에 있는 플러스 버튼을 누르면  아래와 같은 팝업 메뉴가 뜬다. 
 

 메뉴명은 홈페이지에 바로 보여지는 이름이므로 알기 쉬운 이름을 붙여주면 된다. 그리고 연결 url에는 조금 전에 만들어둔 게시판 이름(모듈 이름)을 쓰면 된다. freeboard라고 만들었기 때문에 직접 입력을 해도 되고 mid(Module ID) 찾기 버튼을 눌러서 선택을 해도 된다.
 

<mid 찾기 메뉴>

 모듈 이름에서 마지막에 있는 자유게시판(freeboard)를 선택을 해주고 저장 버튼을 누른 뒤 오른쪽 위에 있는 수정 버튼을 누르면 메뉴와 게시판 연동은 끝이 난다.
 

 메뉴 관리에서 확인을 해보면  "메뉴" 아래쪽으로 "자유게시판" 메뉴가 생성된 것을 볼 수 있다. 이제 다시 웹사이트로 이동해서 제대로 적용이 되었는지 확인을 해보자.

 

<자유게시판 추가 뒤 웹사이트 모습>

 웹 사이트를 보면 상단과 하단에 "자유게시판"이 추가된 것을 볼 수 있다. 이러한 방법으로 게시판을 추가할 수 있으며, 게시판 이외에 페이지도 추가를 해 줄 수 있다. 페이지는 게시판이 아닌 단순한 정보를 보여주는 부분으로써 "home" 메뉴처럼 게시판이 없는 페이지를 말한다. 

 XE에는 다양한 위젯과 모듈, 애드온등을 적용시킬 수 있다. WPI를 통해서 배포되는 XE는 가장 기본 중에 기본인 코어 부분이다. XE를 통해서 웹사이트를 구축하기 전에 일단은 시간을 할애해서 매뉴얼을 살펴보고 XE를 통해서 할 수 있는 것들이 무엇이고 어떻게 해야하는지 알아볼 것을 적극 권장한다.

XE 매뉴얼 보기

Copyrightⓒ 넥스젠리서치(주) 케이벤치 미디어국. www.kbench.com

인쇄 스크랩 목록 위로
싸이월드 공감  기사퍼가기
케이벤치공지사항 
케이벤치 CPU성능 비교서비스 개시
케이벤치 8월 임시 휴무 안내
메인서버 교체로 더욱 빨라진 케이벤치
케이벤치 임시 휴무 안내
케이벤치 서버 점검으로 인한 이용 서비스 제...
이벤트 공지
2013년 케이벤치 베스트 브랜드 선정 기...
케이벤치 많이 본 뉴스 TOP 10
 쌍용차, 소형 CUV 'X100' 출시가격 QM3보...
 '아이폰6' 배터리 사진 유출.. 아이폰6에 맞...
 '갤럭시노트4' 전혀 다른 폼팩터로 출시된다..
 디아블로3, 야만용사의 로망 '메피검' 너프.....
 카카오톡 노란리본 캠페인, SNS 타고 빠르..
 갤럭시S5 닮은 '아이폰6' 콘셉트 디자인 등..
 현대차, 언급 피했던 'LF 소나타' 2.0 터보 ....
 르노삼성의 QM3, 좋기만 한가? 장점도 있....
 삼성 '갤럭시 노트 10.1 2014 에디션' 안드....
 르노삼성, SM5의 리콜 처리 방식에 다수 소...
케이벤치 최신 기획기사
AMD 카베리, 인텔 하스웰용 미니 ITX 메인보드 기가바이트 F2A88XN-WiFi / B85N
비즈니스맨을 위한 듬직한 노트북 델 래티튜드 E7440
NAS의 기본기, 합리적인 가격을 담았다, 시놀로지 DS214se
봄철 맞아 세차하는 김에 '타이어' 한 번 확인해 볼까?
보급형이라는 틀에 갇히지 않고 다양한 기능 지원, ASUS H81M-K
인스탁스 감성 그대로! 스마트폰을 위한 무선 포켓 프린터, '인스탁스 쉐어 SP-1'
주간 best 다운로드
인텔 칩셋 Device Software v9.3.2.1020 W....
인텔 Rapid Storage Technology v13.0.1....
리얼텍 High Definition Audio v2.74 64bit (6..
uTorrent v3.4.1 Build 30833 정식버전 (가...
uTorrent v3.4.1 Build 30888 정식버전 (가...
다음 팟플레이어 v1.5 개발자 버전 (4월 18...
리얼텍 High Definition Audio v2.74 (6.0.1....
리얼텍 81xx/8169/8168 씨리즈 PCI-E v8.0...
NVIDIA GeForce 베타 Hotfix 드라이버 v337..
네이트온(NATE ON) v5.1.7.0 정식버전



전체기사보기