SUB SIDE MENU + RESPOSIVE PAGE SUB STYLE

서브페이지 사이드메뉴 + 반응형 외부 페이지 연결 구성입니다.

2017.06.13 16:14

XE core 설치하기

조회 수 82 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
1. 웹사이트 구축 전 준비 과정

 

1) 호스팅 임대, 도메인 준비 : 웹 사이트를 구축할 서버 준비, 도메인(기본 도메인 예 : 아이디.cafe24.com사용 또는 별도 구입)
2) XE 코어 설치 : 호스팅 업체를 통한 자동 설치 또는 직접 수동 설치(설치 전 서버 호환 체크하기)
3) FTP 프로그램 설치 : 파일질라를 이용하여 서버에 파일 업로드 및 업데이트.

4) 레이아웃 구매 설치 : 원하는 레이아웃(무료, XE 설치시 기본레이아웃도 있음)을 구매후 설치, 셋팅 커스터마이징 합니다.

 

홈 페이지를 구축하기 위해서는 호스팅 서버가 필요 합니다. 서버에 XE를 설치하고 설치한 XE에 다양한 프로그램들(레이아웃, 위젯, 게시판, 모듈 등등)을 추가하여 자신이 원하는 웹사이트를 구축하게 됩니다. 

서버는 호스팅업체를 통해서 임대하여 사용하는데, 가장 많이 이용하는 업체인 카페 24를 예로 듭니다. 

 

● 임대할 호스팅 업체 접속(예 : cafe24.com)

● 회원가입

● [웹호스팅 > 10G 광호스팅 FULLSSD]에서 원하는 등급으로 구매

● 서비스 접속 정보 메모(FTP 접속 정보(주소, 아이디, 비밀번호), XE 설치를 위한 DB정보(DB 비밀번호, XE 아이디, XE 비밀번호))

 

호스팅 업체에 회원 가입을 하고 호스팅을 임대하는데 있어서 XE 코어 1.8 부터 PHP 버전을 확인해야 합니다.

정확히 PHP 5.5(5.5~5.6 권장)PHP 5.X 지원 여부를 확인하고 선택해주세요. (PHP 5.5 / Mysql 5.x UTF-8)

호스팅 업체마다 XE 설치 환경 여부를 안내하므로 참고하세요.  (PHP 7.0 버젼에서 에러가 나타나기도 합니다.)

 

 

2. XE 자동설치

 

카페 24의 경우 자동설치를 지원하고 있습니다. 클릭 몇 번 만으로도 XE를 설치해 줍니다. 

자동 설치를 할 경우 폴더없이 설치할 것인지 폴더를 생성하여 설치할 것인지 선택해야 합니다.

폴더를 생성하여 설치하는 것은 폴더 명(기본 XE)에 따라 도메인 뒷 자리에 /xe가 붙게 됩니다.

예로 cafe24.com/xe 이런 내용을 모르고 설치하여 추후에 /xe 글자를 제거하기 위해 번거로운 작업을 하는 경우가 많습니다. 

 

아래는 카페24에 프로그램 자동설치 페이지입니다.

 

xemt1-1.gif

 

한 서버에 하나의 사이트만을 운영할 것이라면 카페24 기준으로 www 선택 후 설치하면 되고, 

한 서버에 하나 이상의 사이트를 운영하고자 한다면 www/xe 선택 후 설치하면 됩니다.

(www 경로에 설치하던지 www/xe 경로에 설치해도 다양한 layout을 설치하여 여러 사이트를 운영할 수 있습니다.

하지만 www.도메인.com/xe/모듈이름 이렇게 도메인이 길어집니다.)

www 폴더 아래로 폴더 별(XE 버젼별)로 xe를 설치하여 운영할 수 있습니다. 

 

 

3. FTP를 이용한 수동설치

 

FTP란? 파일 전송을 위해 서버에 연결해주는 툴이며, FTP로 파일 전송을 하기 위해서는 <FTP 클라이언트 프로그램>이 필요합니다. 가장 많이 사용하는 것이 파일질라이며, 아래 링크를 통해서 설치합니다. 

 

https://filezilla-project.org

 

간혹 알FTP를 사용하는 분들이 있는데 익숙치 않은 경우 파일 누락으로 인해 완전하게 파일 전송이 안되는 경우가 빈번하게 발생합니다. 파일질라의 경우 누락된 파일들을 계속해서 전송 시도합니다. 

 

1) https://www.xpressengine.com/에서 XE core 최신버젼을 다운받습니다.

 

2) 다운 받은 압축파일을 풉니다.

 

수동 설치를 위해 XE 파일을 업로드해야 하는데 위에 자동설치 설명처럼 폴더 채로 업로드 할 것인가?

아니면 폴더 내부 파일만 업로드 할 것인가 선택을 해야합니다.

 

※ 폴더채 업로드 방식은 오류가 생기는 경우가 있어 추천하지 않습니다.

 

3. 파일질라를 열고 호스팅 서버에 접속합니다. (창 상단 호스트, 사용자명, 비밀번호를 입력하고 연결을 누릅니다.)

 

4. 미리 다운받은 XE core를 업로드 합니다.(XE 폴더 내부 파일 업로드방식)

   - XE core 압축을 풀면 XE라는 폴더 안에 파일들이 들어있습니다.

   - 호스팅 서버에는 보통 www나 html이라는 폴더가 있습니다. XE 폴더 안에 파일들을 전체 선택하여 파일질라 오른쪽 화면

     wwwhtml이라는 폴더 안에 드래그하여 업로드 합니다.

 

 

xecore_setup.png

 

 

다중 설치 시 폴더 명을 변경할 수 있으며 폴더 명에 따라 도메인 뒤에 붙게 됩니다. 

예를들어 cafe24.com에는 여러 개의 XE를 설치하여 테스트를 위해 버전을 다르게 하여 운영하고 있습니다.

 

 

4. /XE 없이 도메인 연결하기

 

xe 폴더 채로 설치한 경우 도메인도 cafe24.com/xe 까지 입력해야 연결이 되는데, 간단한 방법으로 cafe24.com만 입력해도 cafe24.com/xe로 연결되도록 할 수 있습니다. 

xe 폴더와 같은 위치에 index.html 파일을 생성하고 아래 코드를 복사/붙여넣기 하고 저장합니다. 

 

/XE 없이 도메인 연결하기

 

<html>

<head>

<title>사이트 네임</title>

</head>

<meta http-equiv="refresh" content="0;URL=/xe/" />

</html>


* 위 /xe/ 부분은 폴더 명과 동일하게 변경하여야 합니다.

 

xemt1-3.gif

 

 

XE 폴더 채로 설치했을 때의 폴더 경로의 모습입니다.

위 이미지에서는 폴더 명 xe를 ds 변경하여 설치한 것이며, 도메인 뒤에 붙을 /ds를 제거하기 위해 위에 설명한 index.html 파일이 ds폴더와 동일한 위치에 있습니다.

ds 폴더 안이 아니라 같은 위치임을 꼭 기억하세요.

 

간혹 주소 창에 상세 주소를 보이지 않게 하기 위해서 frameset 방식으로 사용하는 경우가 있는데 반응형 레이아웃을 사용할 때는 반응형 동작이 제대로 이루어지지 않으므로 frameset 방식은 권장하지 않습니다.

 

 

 

 

위의 과정대로 폴더를 정확한 위치에 넣었다면 본격적인 설치에 들어갑니다.

 

홈페이지 도메인에 접속합니다.

 

아래와 같은 화면이 보여야 합니다.

 

 

 

 

언어를 선택 한국어로 선택합니다.

 

 

 

이렇게 뜨는데요.

일단 먼저 맨위 퍼미션 문제먼저 해결하겠습니다.

(위의 내용이 없으면 스킵하고 다음으로넘어갑니다.)

 

 

 

 

일단 디렉터리 먼저 만들어줍니다.

이름은 files으로 만드시구요..

 

 

 

그 디렉터리를 우클릭하시고 파일권을 을 클릭하세요.

숫자값에 707 을 입력하시면 완료됩니다.

 

 

 

 

데이터베이스를 선택합니다.

대부분 mysql 을 사용하기에 맨 위 항목을 선택합니다.

 

 

 

 

 

호스팅 임대하셨다면 mysql DB 공간이 있을것입니다.

항목을 기입합니다.

 

※ DB 호스트네임 localhost입니다.

 

 

 

 

시간대를 반드시 위와 같이 설정해 주시기 바랍니다.

 

 

 

 

항목을 입력하세요.

 

 

항목을 입력하시고 완료가 되면 다시 홈페이지 도메인에 접속하여

아래와 같은 화면이 나타나야 정상적으로 설치가 완료된것 입니다. 

 

수고하셨습니다.

 

 

xe_install.jpg

 

 

?