W' page

- 2015.02.23

1. 구글 애드센스 계정 생성

https://www.google.com/adsense/

2. 광고 생성

위 메뉴 중 내광고 에 들어가 신규 광고 생성을 누른다.

사이즈는 맞춤 사이즈를 선택한 뒤 960*90 으로 생성한다.

생성 된 코드는 잘 복사 해둔다.

3. XE 애드온 설치

관리 - 고급 - 쉬운 설치 에서 [광고 본문 삽입 애드온]을 쉬운 설치로 설치한다.

관리 - 고급 - 설치된 애드온 [광고 본문 삽입 애드온]의 PC에 체크를 한 뒤 저장을 한다.

체크 박스 왼쪽의 설정에 들어가 본문 상단 및 하단에 위에서 복사한 광고 코드를 붙여넣기 한다.

저장만 하면 끗

백업용으로 진행하기 때문에 보안성보단 사용성에 촛점을 맞춰 진행하였다.

1. CentOS 6.6 minimal 설치 및 셋팅

CentOS 설치 후 진행

나는 hostname : localhost, 시간 : Seoul 로 진행하였다.

1) SELinux 해제

# vi /etc/sysconfig/selinux

      7 SELINUX=disabled

*

라인 넘버 나타내기는 esc를 누른 뒤 :se nu 를 입력

입력 모드로 넘어갈 때엔 i 버튼

vi 편집기 저장 후 나가기는 esc를 누른 뒤 :wq 를 입력하면 된다.

2) iptables 해제

# iptables -X

# iptables -F

# chkconfig iptables off

3) 필요 패키지 설치 및 자동실행 설정

# yum install -y ntp vsftpd httpd mysql* php*

# chkconfig ntpd on

# chkconfig vsftpd on

# chkconfig httpd on

# chkconfig mysqld on

설정 적용을 위해 재시작

# reboot

2. 백업본 다운로드 및 업로드

1) 다운로드

백업본은 호스팅 업체에서 제공해준다.

2) 업로드

아래처럼 수정 후 재시작

# vi /etc/vsftpd/user_list

      7 #root

# vi /etc/vsftpd/ftpusers

      2 #root

# service vsftpd restart

이제 파일질라 등의 ftp client 프로그램을 이용하여 root 계정으로 업로드

3) 웹페이지 설정

백업받은 파일을 압축 풀어 웹 root 페이지로 이동

# tar xvfz u347840964.tar.gz

# rm -rf /var/www/html/

# mv u347840964/public_html/ /var/www/html

3. DB 설정

1) 사용할 DB 생성

# mysqladmin -u root password xxxx

# mysql -u root -p

mysql> CREATE DATABASE xe;

mysql> GRANT ALL PRIVILEGES ON xe.* TO root@localhost IDENTIFIED BY 'xxxx' WITH GRANT OPTION;

mysql> FLUSH PRIVILEGES;

mysql> quit

2) 업로드 한 DB 파일을 내 DB에 연결

# gzip -d u347840964_data.sql.gz

# mysql -u root -p xe < u347840964_data.sql

4. 허가권 및 xe 설정

1) 허가권 설정

# chmod 777 /var/www/html/

2) xe 설정 - db

# cd /var/www/html/files/config/

자신의 환경에 맞게 수정

# vi db.config.php

      3   'master_db' =>

      4   array (

      5     'db_type' => 'mysqli',

      6     'db_port' => '3306',

      7     'db_hostname' => 'localhost',

      8     'db_userid' => 'root',

      9     'db_password' => 'xxxx',

     10     'db_database' => 'xe',

     11     'db_table_prefix' => 'xe_',

     12   ),

     13   'slave_db' =>

     14   array (

     15     0 =>

     16     array (

     17       'db_type' => 'mysqli',

     18       'db_port' => '3306',

     19       'db_hostname' => 'localhost',

     20       'db_userid' => 'root',

     21       'db_password' => 'xxxx',

     22       'db_database' => 'xe',

     23       'db_table_prefix' => 'xe_',

     26   'default_url' => 'http://3.3.3.4',

3) xe 설정 - ftp

자신의 설정에 맞게 수정하여 기재

# vi ftp.config.php

      1 <?php if(!defined("__XE__")) exit();

      2 $ftp_info = new stdClass;

      3 $ftp_info->ftp_user = 'root';

      4 $ftp_info->ftp_port = '21';

      5 $ftp_info->ftp_host = '3.3.3.4';

      6 $ftp_info->ftp_pasv = 'Y';

      7 $ftp_info->sftp = 'N';

      8 $ftp_info->ftp_root_path = '/var/www/html/';

      9 ?>

4) 짧은 주소 사용 - httpd

아래처럼 수정하면 짧은 주소를 사용할 수 있다.

(호스팅 업체에서 짧은 주소를 사용하고 있던 경우)

(참고 : http://www.xeschool.com/xe/xenote_module_urls)

# vi /etc/httpd/conf/httpd.conf

    304     AllowOverride ALL

    338     AllowOverride ALL

5) 설정들 적용을 위하여 서비스 재시작

# service mysqld restart

# service httpd restart

# service vsftpd restart

5. 웹 상에서의 재설정

1) 캐쉬파일 재 생성

리눅스 재부팅이 완료 되면 웹 브라우저를 통해 http://3.3.3.4/?module=admin 접속하여 로그인 한다.

화면 맨 밑 캐쉬파일 재생성 버튼을 누른다.

2) 설정 - 일반 - 고급

관리자 IP대역 설정

3) 설정 - FTP 설정

기본

설치된 XE의 FTP 경로 : / (목록 가져오기 클릭)

고급

Passive 모드 사용 : 아니오

* '요청한 기능을 실행할 수 있는 권한이 없습니다.' 의 경우

(출처 : https://www.xpressengine.com/tip/22751988)

ModuleHandler.class.php

파일 다운로드

FTP 접속하여 이 파일을 /var/www/html/classes/module/ 경로에 업로드하면 관리페이지에 접속이 가능

xe로 홈페이지를 꾸미는데에 있어서 재밌는 점은 위젯을 설정할 수 있다는 점이다.

위젯은 역시 관리페이지의 쉬운설치로 쉽게 설치할 수 있다.

(쉬운설치가 지원되지 않는 위젯이나 모듈의 경우, 다운로드 페이지에 나와있는 경로에 업로드만 하면 설치가 끝난다.)

1. 위젯의 설정

위젯의 설정은 홈화면 우측 하단 페이지수정 을 누르면 설정할 수 있다.

(정확히 말하면 홈화면이 아니라 관리페이지에서 만든 위젯 메뉴 페이지에서 가능하다.)

1) 투씨 컨텐츠 위젯

나는 투씨 컨텐츠 위젯을 이용하여 게시판별 최신 글이 무엇인지 볼 수 있도록 하였다.

페이지수정을 누르면 우측 하단에서 위젯을 선택하여 만들 수 있다.

(만들어진 위젯 말고도 직접 html을 이용해서도 가능하다.)

만들고 나서 위젯에 마우스를 슬쩍 가져다 올리면 좌측 상단에 여러 메뉴가 뜨는데

톱니바퀴 모양을 누르면 위젯의 전체적인 설정이 가능하고

눈모양 버튼을 누르면 위젯 크기를 % 혹은 px 로 설정, 혹은 여백 설정 등이 가능하다.

(특별한 경우가 아니면 이 2가지 메뉴로 다 할 수 있다.)

2) 성경 읽기 위젯

다른 특별한 위젯이 없나 찾아보다 성경읽기 위젯을 발견해서 설치해보기로 했다.
설치해보니 참 익숙한 소스들이 나왔다. 바로 예전에 제자포스 홈페이지 작업할 때 보았던 홀리바이블 성경 검색 소스였다.

기존의 다운받은 성경읽기 위젯에는 성경 읽기밖에 안되었지만 성경 검색도 많이 유용할 것 같아
홀리바이블 사이트에서 제공해주는 소스를 바탕으로 성경 검색부분도 만들어보기로 했다.

성경 검색을 위한 메뉴나 검색창을 집어넣는 것은 어렵지 않았다.

그러나 제일 어려웠던 작업은 글을 집어 넣고 검색을 눌렀음에도 불구하고

내가 쓴 글이 깨져서 새 창으로 전달되는 것이다.

이 문제에 대해 검색해보니 검색 시 utf-8로 한글이 인코딩 된 것을 euc-kr로 변경하여 holybible 사이트로 보내줘야 했는데

내가 쓴 글을 euc-kr로 인코딩 하는 것이 안되는 것이었다.

그래도 참 뿌듯하게 어떻게 해결을 했다.ㅎㅎ

그 작업의 중간과정 및 해결법은 아래 글에 보면 나와있다.

http://www.xpressengine.com/qna/22820824

2. 모바일 페이지 위젯

모바일 홈페이지의 위젯 설정도 마찬가지로 진행했다.

위젯페이지 우측 하단에 보면 모바일로 볼 수 있는 버튼이 나온다.

그 버튼을 눌러 모바일 홈페이지의 화면으로 들어가 pc와 같이 페이지설정 - 위젯설정을 진행하여

원하는 대로 설정하여 사용하면 된다.

다만 레이어를 띄워 공지사항을 출력해주는 위젯을 사용하려 했으나

이상하게 그 공지사항만 띄워지면 메인 페이지의 그림 배너가 사라져 사용하지 않기로 했다.

회원에 관한 모든 관리는 홈페이지 관리에 들어가면 좌측 회원 메뉴에서 할 수 있다.

1. 회원 목록

회원 목록은 말그대로 내 홈페이지에 있는 회원들을 보여주는 곳이다.

이 곳에서 회원들을 추가 및 삭제도 할 수 있을 뿐더러 회원들의 등급 등을 조정해줄 수 있다.

다만 너무나 당연하겠지만 비밀번호를 알아낼 순 없게 되어있다.

DB에 암호화 되어 저장되기 때문이다.

2. 회원 설정

회원 설정에는 회원 관리에 대한 전반적인 설정을 할 수 있다.

기본정보/회원가입/로그인/디자인 으로 크게 4 카테고리로 나누어져있으며,

각각의 카테고리에 무엇이 있는지는 직접 눈으로 보는 것이 제일 정확하고 빠를 것이다.

나는 주로 회원가입/로그인 탭에 있는 내용들을 설정했다.

(디자인은 레이아웃만 바꿨다. 가운데 배너가 뜨지 않는 레이아웃으로.)

회원가입, 로그인, 로그아웃 후 이동할 주소를 셋팅해 주면 되겠다.

3. 회원 그룹

이 곳에서는 말 그대로 회원 그룹을 관리하는 곳이다.

회원 가입하자 마자 들어갈 기본그룹 1개는 필수로 지정이 되어있어야 한다.

4. 포인트

이 곳에는 회원들의 활동 여하에 따라 부여되는 포인트를 설정하는 곳이다.

기본 설정 및 모듈별 설정을 할 수 있고 회원들의 포인트도 내가 마음대로 줄 수 있다.

사실 근데 회원 관리에 대한 모든 것을 여기서만 관리하지는 않는다.

특히 회원가입 시 이메일로 인증을 시킨다던지, 보안 문자를 입력해야지만 회원가입하게 해주는 애드온들로 존재한다.

가장 유명한 애드온은 Captcha라고 할 수 있겠다. 기본적으로 깔려있는 애드온이다.

Captcha 애드온은 보안문자를 입력해야지 회원가입 및 글쓰기를 허락해준다.

이 밖에도 회원 - 회원가입 에 보면 약관이나 회원가입 양식등을 수정할 수 있는데

이러한 것들도 모듈, 혹은 애드온을 통하여 추가 관리할 수 있다.

※

테스트 하다 발견한 사실이 있다.

오류인 것 같은데.. test 계정을 하나 만들기 위해 새로 회원가입을 하는데 자꾸 에러가 났다.

여러 방면으로 테스트 해본 결과, 기존에 있는 비밀번호와 같은 비밀번호를 써서 그런 것 같다.

ID 중복 검사와 같은 스크립트가 비밀번호에도 같은 루프로 묶여있어 오류가 나는 것으로 예상된다.

기본적으로 XE는 모바일 홈을 지원한다.

하지만 PC버전 게시판 스타일과의 통일성을 위해 Sketchbook 의 모바일 게시판 모듈 / 스킨 을 다운받아 설정했다.

하지만 그 전에 내가 했던 것은 브라우저의 제목표시줄에 표시될 아이콘(파비콘)과

핸드폰에서 바탕화면에 바로가기 할 때 추가되는 아이콘을 만들어 올리는 작업이었다.

해당 작업은 홈페이지 관리 - 설정 - 일반 에 있다.

올릴 각각의 그림 파일은 페이지에 나와있는 크기대로 포토샵을 이용하여 만들었다.

아이콘은 포토샵에서 작업 후 파일 - 웹용 저장 을 눌러  ico 를 확장자로 넣어 저장하여 업로드했다.

기타 자세한 디자인 등에 관한 설정은 PC를 꾸밀 때와 별반 다르지 않다.

설정을 바꾸어 가며 개인적으로 꾸미는 것이 필요하다.

아직 나도 자세하게 꾸미는 것은 미뤄두고 있다.

여러가지 레이아웃이나 모듈들이 이미 나와있기 때문에 구지 Sketchbook 것을 고집하지 않을 예정이다.

모바일에 더 적을 내용이 있다면 아직까진(2014.08.22) 메인화면에 위젯을 꾸미는 일일텐데...

그것은 위젯 이야기를 할때 다루려고 한다.

※ 관리 페이지 왼쪽 하단에 설정 - FTP 설정을 해놓으면 고급 - 쉬운설치 를 이용하여 다양한 기능들을 홈페이지에 추가할 수 있다.

    FTP의 호스트 네임은 localhost 혹은 127.0.0.1 을, ID/PW 는 FTP 생성 시 설정한 윈도우 계정의 ID/PW 이다.

1. 게시판 모듈 설치 및 설정

쉬운설치를 통해 내가 가장 먼저 설치한 것은 다양한 게시판 모듈들이다.

다운로드 순으로 검색해서 sejin 것과 sketchbook, 이 2가지의 게시판 모듈을 다운받아 사용해봤는데
sejin 것은 글 쓴 뒤에 오류가 나기도 하고 sketchbook 의 웹진형 게시판이 마음에 들어서 sketchbook 의 게시판 모듈을 다운 받아 사용중이다.

(최근엔 sketchbook이 업데이트 되어 해당 게시판에 가면 왼쪽에 관리할 수 있는 슬라이드바가 생겨서 설정하기 편해졌다.)

나는 원래 의도대로 블로그와 일상에 웹진형을 설정하고는 깔끔함을 주고자
게시판 목록 위쪽에 있는 모든 버튼들은 모두 없애기로 했다. (쓰기, 뷰어로 보기, 검색 등의 버튼. 게시판 설정 - 스킨 설정에 가면 있다.)
 
관리자 아이디다 보니 설정 / 게시글 관리 버튼은 어쩔 수 없이 남게 됬는데 그건 나만 보는 거니 어쩔 수 없다 치기로 했다.

또한 옆에 사이드 네이게이션 바가 있었는데 그것도 설정을 통해 없앴다. (목록 일반 탭)

설정을 이리저리 바꿔보며 디자인을 결정하고 한 일은 게시판의 권한 설정이다.

(원랜 게시판 모듈 설치 - 주메뉴 구성 - 회원관리 로 해야하지만... 이 순서는 최종 마스터 버전이고 나는 내가 진행한 순서대로 기술하였다.

주메뉴 구성하다가 게시판 모듈도 다운받아 보고.. 회원관리도 중간중간 하고. 나는 좀 뒤죽박죽으로 했다..ㅎㅎ)
   
권한 설정에 관한 부분은 이전 글에 있으니 패스!
    

2. 글꼴

맨 처음 시도했던 것은 글꼴이다.

게시판 글을 읽을 때 어떤 글꼴이 가독성이 좋은가? 도 많이 검색해봤는데

결국 내 눈에 가장 이쁜건 기본 글꼴인 Arial 었다.

홈페이지 관리 메뉴 - 좌측 하단 메뉴 열어보면 에디터 부분이 있는데

그곳에서 에디터의 기본 글꼴 및 폰트 크기를 설정할 수 있다.

나의 기본 에디터 글꼴은 Arial, 폰트 사이즈는 14이다. (줄간격도 200%로 초기화 하고 싶은데 그 메뉴는 없었다.)

에디터 관련 php나 html에 아래처럼 추가를 했는데 어디에 했는지 정확히는 기억이 나지 않는다.

   
<item name="NanumGothic">
<value xml:lang="ko"><![CDATA[나눔고딕, NG, sans-serif]]></value>
<value xml:lang="en"><![CDATA[나눔고딕, NG, sans-serif]]></value>
</item>
<item name="Malgun Gothic">
<value xml:lang="ko"><![CDATA[맑은 고딕, MG, sans-serif]]></value>
<value xml:lang="en"><![CDATA[맑은 고딕, MG, sans-serif]]></value>
</item>
   

 
/*   2014-08-20 추가

 
3. 방명록 게시판 추가 및 오류 해결

방명록에 글을 쓰고등록 눌러도 방명록 글 안나오는 문제가 있었는데 아래의 링크를 참조하여 해결하였다.
https://github.com/xpressengine/xe-module-guestbook/commit/e4c7fc890061f7cd3e6684af00caeda721d99368

다른 게시판들은 다 한글인데 방명록 게시판만 영어로 되어있어서 html 파일 수정하여 영어로 되어있는 부분을 한글로 바꾸었다.

/modules/guestbook/skins/xe_guestbook_official    에 있는 html 파일들이다.

4. Gallery 게시판 추가

내 나름대로 공유할 사진들을 업로드 하기 위해 Gallery 게시판을 하나 추가하였다.

헌데 사진이라는 것이 지극히 개인적인 것이기 때문에 썸네일을 볼 수 있는 접근 권한 자체를 정회원으로 줬다.

그래서 정회원이 아닌 이상 Gallery  게시판은 위 메뉴에서 볼 수도 없게 되었다.

사진을 올렸는데 썸네일이 너무 작아 사이즈를 좀 더 키웠다.                                                                                */

내가 홈페이지를 통해서 하려고 하는 것은 아래의 것들이다.
 

1. 지금 하고 있는 것들에 대한 기록

2. 내 나름대로의 리뷰들

3. 일상을 적는 일기,
4. 일부 특정 친구들과 나눌 페이지.

 
회원 그룹은 관리 페이지 - 회원 그룹 에서 가능한데
2014.08.20 기준으로 준회원(가입시 부여받는 권한), 예그린, 정회원, 관리자 이렇게 4개의 그룹으로 그룹을 나누었다.

그룹을 나눈 뒤에는 게시판별로 권한을 다르게 주기로 했다.

게시판 권한 설정을 주는 곳은 여러 곳에 있는데 가장 편한 곳은 역시나 관리페이지이다.

사이트 제작/편집 - 사이트 메뉴 편집에 해당 게시판을 클릭하여 권한을 누르면 상세한 권한 설정이 가능하다.

권한 설정을 할 수 있는 세부 메뉴로는 메뉴 노출 대상, 접근 권한, 목록, 열람, 글 작성, 댓글 작성, 관리 권한 이다.

(관리페이지 말고도 해당 게시판 페이지에 있는 설정 - 권한 관리 에서도 할 수 있다.)

- XE로 만든 홈페이지는 내 개인 Linux 머신으로 옮겼다.

대부분의 사람들은 어떤 목적을 갖고 홈페이지를 만든다.
그렇다면 홈페이지를 만들 때 가장 먼저 하는 일은 바로 홈페이지의 구조를 생각하는 것이다.
 
예를들어 커뮤니티를 운영한다고 하면 Home 화면이 있을 것이고, 각각의 목적에 따라 게시판들이 필요할 것이다.
그러면 그에 따른 메뉴들이 필요할 것이고 필요에 따라 하위, 혹은 제 3차 하위메뉴까지도 필요할 것이다.
이러한 가장 기본적인 메뉴들의 속성 설정 및 게시판 생성해 주는 작업을 해보자.
 
먼저 홈페이지를 들어간다.
이제 관리자 ID/PW 로 로그인 하면 맨 위 회원정보에 톱니바퀴 모양과 함께 관리 버튼이 생길 것이다.
이 페이지가 바로 홈페이지를 마구마구 꾸미고 주무를 수 있는 곳이다.
 
왼쪽 사이트제작/편집 의 하위메뉴인 사이트 메뉴 편집에 들어가면 우리가 하려는 메뉴 목록 설정을 할 수 있다.
Welcome menu 가 기본적으로 설정되어 있을 것이고 그 아래 있는 위젯 페이지가 바로 우리의 메인 페이지이다.
이제 그 아럐쪽에 tree처럼 가지를 하나씩 뻗어나갈 수 있다.
(홈페이지의 기본 레이아웃-디자인 에서는 주메뉴 - 1차메뉴 밖에 지원을 안하는듯 하다.)
 
 
2014.08.20 기준으로 나의 홈페이지는

 
 
이렇게 짜여있다.
 

주 메뉴의 세부 설정을 살펴보면
 

 
1. Home
 

메인 페이지.
앞으로 다른 글에서 이 페이지의 위젯을 어떻게 설정했는지 적을 예정이다.
 

2. blog
 
내 개인적인 blog를 쓰고 싶어서 만든 메뉴이다.
지금 쓰고 있는 Web, 이것 저것 경험해보고 쓰는 리뷰 등을 다루고 있다.
blog는 게시판으로 생성하였다.
아래 하위메뉴인 Web과 Review에는 게시판에서 Web 카테고리만 보이는 페이지, Review만 보이는 페이지의 url을 연결시키는
바로가기 메뉴로 만들었다.
 

3. 일상
 
내 개인적인 일기 등을 쓰는 곳이다.
그냥 게시판 형으로 만들었다.
 

4. 예그린
 
예그린 메뉴에는 예그린 아이들이 이용할 수 있는 자유게시판과 업데이트가 한참 밀려있는 콘티&연습 게시판이 있다.
먼저 자유게시판과 연습&콘티 게시판을 하위 메뉴로 만들어 놓고
상위 예그린 메뉴에는 자유게시판 바로가기 페이지로 꾸몄다.
 

 
5. To Woong
 
누구나 글 쓸 수 있고 나만 볼 수 있게 하는.. 게시판으로 하나 만들었다.

/*  2014.08.22 추가

6. 방명록

XE 의 기본 방명록 모듈을 다운로드 하여 사용중이다.

모듈에 오류가 있어 수정해서 사용해야 하는데 그것은 게시판 관련 글에서 다루도록 하겠다.        */
 

 
지금 말로 적는 이야기들을 눈으로 보기만 하면 이해가 안갈수도 있다.
하지만 이전까지의 작업을 마무리 하고 왼쪽에는 이 글을, 오른쪽엔 관리자메뉴를 보고 있는 사람들에겐
이해가 잘 갈 것이라 믿는다.
 

홈페이지를 만드는 방법에는 여러가지가 있다.
나는 그 중 그래도 내 생각에 우리나라에서 많이 대중적이라고 생각되는 xe라는 툴을 이용하여 만들어 보려고 한다.
 
xe로 홈페이지를 만들기 위해선 1. PC에 FTP 서버 생성, 2.Mysql 계정 생성이 필요하다.
 

 
1. FTP 서버 생성

 FTP 서버 생성을 위해 제일 처음 해야 할 것은 윈도우에 FTP 서버 생성을 위한 툴을 깔아주는 것이다.
(Filezilla 같은 사설 프로그램을 사용해도 되지만 나는 순수 윈도우 기능을 이용해봤다.)

제어판 - 프로그램 추가/제거 - Windows 기능 사용/사용 안함 - FTP 관련 항목 모두 체크하고 확인

     => 이제 윈도우에서 FTP 서버 생성 가능!

이젠 나의  FTP 서버에 접속할 수 있는 계정을 만들어줘야 한다.
나의 경우에는 윈도우 설치시 만든 내 계정 이름을 사용하였는데, 비밀번호를 꼭 사용해야 한다.
(헌데 컴퓨터 부팅 시 비밀번호 치기 귀찮으면 시작+r - netplwiz - 사용자 이름과 암호를 입력해야 이 컴퓨터를 사용할 수 있음 에 체크 해제!)
시작+E (탐색기 실행) - 컴퓨터 오른클릭 - 관리 - 시스템도구 - 로컬 사용자 및 그룹 - 사용자 오른클릭 - 새 사용자
사용자 이름 / 암호, 암호확인 을 채워 넣고 다음 로그인 시 사용자가 반드시 암호를 변경해야 함 체크 해제,
사용자가 암호를 변경할 수 없음 및 암호 사용 기간 제한 없음 요 2군데에 체크하여 만들기 클릭

이제 이 사용자 계정을 이용하여  FTP 서버를 사용할 수 있게끔 해보자.
시작+E (탐색기 실행) - 컴퓨터 오른클릭 - 관리 - 서비스 및 응용프로그램 - IIS(인터넷 정보 서비스)
여길 들어가면 오른쪽에 세로로 2등분 된 화면이 나온다. 그 중 왼쪽 화면에서 내 PC 이름을 더블클릭하면 사이트 라는 하위 항목이 나온다.
사이트 오른클릭 - FTP 사이트 추가 - FTP 사이트 이름(아무 것이나 상관 없음) - 실제 경로(Apache에서 설정한 기본 폴더) - 다음
포트(기본은 21이지만 사용자가 원하는 다른 포트도 사용 가능) - SSL 없음 - 다음
인증(기본) - 권한부여 - 지정한 사용자(내가 만든 사용자) - 사용 권한(읽기, 쓰기 모두 선택) - 마침
이렇게 하면 내가 지정한 FTP 사이트 이름으로 FTP 서버가 시작된 것을 볼 수 있다.

방화벽에서 FTP 포트의 인/아웃바운드 설정도 해줘야한다.
제어판 - Windows 방화벽 - 고급설정 - 인바운드규칙 - 우측에 새규칙 - 포트 - 다음
특정 로컬 포트에 내가 설정한 FTP포트 입력 - 다음

연결 허용 - 다음 - 다음 - 이름엔 내가 알아볼 수 있는 이름을 적고 마침
                             

 
2. Mysql 계정 생성
 
apmsetup 을 설치하였으면 apmsetup 모니터 프로그램이 설치되어있을 것이다. 실행하면 우착 하단 작업표시줄에 프로그램이 실행된다.
작업표시줄의 프로그램 오른클릭 - Mysql 신규 계정 생성에서 신규 계정을 생성한다. (root의 Mysql 최초 비밀번호는 apmsetup 이다.)
 

3. xe 설치

자, 이제 xe의 설치를 본격적으로 시작 해보자.
먼저 http://www.xpressengine.com/download 에 들어가 최신 버전의 xe를 다운받는다.
다운 받으면 압축 파일이 있을 텐데 xe폴더 째로 압축이 되어있다. 헌데 우리는 xe 폴더째 압축을 푸는 것이 아니라
xe 폴더 안에 있는 내용물만 Apache에서 설정한 기본 폴더에 푼다.
(만약 xe 폴더 째로 압축을 풀면  내 도메인/xe 이 홈페이지 주소가 되어버린다.)

인터넷 브라우저에 localhost 또는 내가 지정한 도메인을 입력하면 Xpress Engine 설정 창이 나온다.
 
첫번째 창에서는 한국어 선택 - 다음 
설치 조건 확인에서는 내 컴퓨터에 깔린 Apache, php, Mysql 등의 버전을 검사한다. 설치를 진행합니다 클릭
FTP 정보 입력에는 주소 및 계정 정보를 넣어야 한다.(호스팅을 통하는 경우 적지 않을 수도 있다.)
FTP 주소 : ftp://내도메인:ftp포트번호  이고 ID/PW 는 위에서 설정한 것을 넣으면 된다.  - 다음
 
DB 선택은 나도 잘 모른다. mysql 지정 후 다음을 눌렀다.
mysql 정보에는 내가 신규 생성한 mysql 계정 정보를 넣으면 된다. 아래쪽 내용은 그냥 넘어간다.
(호스팅 업체에서 실시하는 것이라면 호스팅 업체에서 주는 정보를 넣으면 된다.)
 
환경 설정에선 내가 있는 곳 시간을 넣으면 된다. - 다음
관리자 정보 입력에는 자신이 사용 할 관리자의 정보를 넣으면 된다. - 완료

이제 나만의 홈페이지가 만들어졌다!

이제는 홈페이지를 꾸미고 관리하는 재미를 누릴 시간이다.

홈페이지를 구축하려면 크게 3가지가 필요하다고 한다. 그 3가지는 다음과 같다.
(아래 각 항목에 대한 설명은 내가 이해한 것들이다. 틀리거나 보강할 것이 있으면 개의치 말고 알려주십시길..)
 

1. Apache

 
인터넷을 하는 우리 모두에겐 고유한 ip가 있다. (허브 및 공유기를 통해 고유한 ip를 여러명이 나눠쓰기도 한다.)
쨋든 외부에서 내 ip나 특정 Domain을 입력하여 내 PC까지 왔을때 '이리로 가시오~'라고 안내해 주는 것이 필요하다.
이러한 안내의 역할을 해주는 것이 Apache이다.
(일반적으로 80번 포트를 개방해주고 Apache 프로그램에서 지정한 폴더 안에 있는 index.html 이나 index.php 를 띄우도록 해준다.)
 

 
2. PHP

친절한 Apache를 통해 내 PC의 정문을 통해 내가 만들어 놓은 공간에 누군가 들어왔다.
근데 이 공간이 보여주기만 하는, 아주 정적인 박물관같이 꾸며져 있으면 참 재미없을것이다.

요즘 움직이는 박물관이 유행하듯이 내 홈페이지를 방문한 사람의 행동에 반응하는 것이 필요하다. 그래서 필요한 것이 PHP 이다.
사용자들이 보기만 하는 것이 아니라 함께 소통할 수 있도록 움직이는 공간을 구현해주는, 동적인 것을 구현해 주는 것이 PHP 이다.

(가장 간단한 예로 게시판을 들 수 있다. 사용자가 '쓰기'를 눌러 글을 쓴 다음 '등록'을 누르면 홈페이지에 변화가 생긴다.)
 

 
3. Mysql

홈페이지 공간을 구성하는 요소 요소가 바로 Database 일 것이다. 이 Database를 효과적으로 주무르기 위해 존재하는 것이 Mysql 이다.

 
이 3가지가 홈페이지를 구축하는데에 필수적인 것들이다.  헌데 이 필수적인 3가지를 손쉽게 설치할 수 있는 프로그램이 있다.
바로 APMSETUP7 이라는 프로그램이다. (http://www.apmsetup.com/download.php 에서 다운받아 설치할 수 있다.)
 
나는 APMSETUP 프로그램을 내가 따로 파티션 나눠놓은 D드라이브에 설치했다.

혹시 모를 상황을 대비해 백업용인 다른 드라이브에 설치하는 것을 추천한다.
 

/*
 
위 3가지를 전문가처럼 직접 설치하는 방법은 나도 잘 모른다. 하지만 인터넷에 나와있는 방법을 '나를 위해' 적어놓겠다.
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=download&wr_id=17266&page=1
위 링크의 글에 있는 첨부파일을 참조!                                                                                                           */
 

 
설치가 완료면 인터넷 브라우저에 localhost 라는 주소가 띄워지면서 APMSETUP 이 잘 설치되었다는 화면이 나올 것이다.
그리고 그 화면은 APMSETUP이 설치된 폴더 안의 htdocs 에 있는 index.php 파일일 것이다.
외부에서 내 PC로 접속하면 이제 htdocs 폴더 안의 index.php 혹은 index.html 로 안내가 되는 것이다.

(htdocs 말고 다른 곳으로도 오게 할 수 있다. 그 설정은 apmsetup 모니터링 프로그램의 서버설정에 들어가면 된다.)
 

이제 인터넷 세계에서 내 PC의 정문으로까지의 길을 닦아 놓았으니, 이젠 내가 보여줄 공간을 꾸미기만 하면 된다.
헌데 이 공간을 꾸미는 방법이... 옛날과는 많이 달라진것 같다.
(옛날이라 하면 내가 초딩때의 제로보드 시절...)
홈페이지를 쉽고 있어보이게 꾸미는 방법은 여러가지가 있지만 나는 내가 이 홈페이지를 만든 XE 라는 툴 사용법에 대해 적으려 한다.