30분만에 나만의 웹사이트 제작하기 #2

#2 클릭 몇 번으로 xe3 설치하기 (설치하기 10분)

Hero Kim
XEHub
5 min readJul 3, 2019

--

본 포스팅은 오랜 웹사이트 제작 히스토리를 가지고 있는 Xpressengine의 세번째 버전, XE3를 활용해서 웹에 대해서 잘 모르는 초보자도 쉽게 홈페이지를 구성할 수 있는 웹사이트 제작방법을 소개하기위해 제작되었습니다. 이번 챕터에서는 호스팅 공간에 XE3를 설치할 것입니다.

다른 글 보기: #0, #1, #2, #3, #4

호스팅 공간이 마련되면 미리 준비되어있는 XE3를 호스팅 공간에 업로드 해야합니다. 웹호스팅공간에 웹문서 및 콘텐츠등을 업로드하기 위해서는 “ftp”라는 것을 사용합니다. 이는 파일을 주고받기 위한 통신규약이라고 생각하면 됩니다. 이를 지원하는 도구는 “알ftp”나 “파일질라”와 같은 프로그램이 있습니다. 요즈음 웹호스팅업체는 자체적으로 파일을 올릴 수 있는 수단도 제공하고 있습니다.

호스팅 정보 확인하기

이번에 우리는 XE3를 설치하기 위해서 XE3를 올릴 것입니다. 그리고 XE3는 데이터베이스를 필요로 하기 때문에 데이터베이스 환경을 구축해야합니다. 보통 호스팅업체에서 미리 제공하는 DB가 존재하거나 환경을 새로만들 수 있게 해줍니다. 이 데이터를 사용하기 위해서 우리는 사용하기로한 DB이름과 계정 정보를 알아야 합니다.

보통 관리페이지로 가면 데이터베이스에 대한 정보를 설정하거나 확인할 수 있도록 DB가 생성된 것을 확인한 후에 XE3공식 홈페이지로 가서 XE3파일을 다운로드 받습니다.

XE3 다운로드 받기

XE 공식홈페이지: https://www.xpressengine.io/

좌측에 “XE3 Download”를 클릭하면 압축파일을 하나 받게 됩니다.
이 파일의 압축을 풉니다.

대략 다음과 같은 파일들을 확인할 수 있습니다. 이것을 호스팅업체에서 제공하는 index.html, index.php 파일을 제공하는 디렉토리(보통 public_html이나 www를 사용합니다)에 전부 올려주면 됩니다.

ftp 프로그램으로 파일 올리기

ftp프로그램을 통해 탐색기에서 파일을 옮기듯 옮겨주거나, 압축파일을 올려서 서버에서 압축을 풀기도 합니다. 여기서는 ftp 프로그램 파일질라를 사용해보겠습니다.

위 링크로 접속하여 파일질라를 다운받습니다.

프로그램을 설치하고 실행한 후에 “호스트”와 "사용자명", "비밀번호"를 입력하도록 합니다. 웹호스팅업체에서 제공하는 관리자화면으로 가면 이전에 DB정보를 확인한 것과 같은 방법으로 ftp접속정보를 얻을 수 있습니다.

다음으로, 우리가 올리고자하는 파일들을 왼쪽(로컬사이트)에서 찾아간뒤 모든 파일을 오른쪽(리모트 사이트)로 옮겨주면 됩니다.

실행하면 호스팅서버의 환경에 따라 시간이 소요됩니다. 조금 기다리도록합니다.

XE 웹 설치하기

이제 다시 우리의 홈페이지로 이동해보겠습니다.

xe3를 설치할 수 있는 인스톨 페이지가 나타났습니다.

“START” 버튼을 누르면 해당 호스팅서버에 xe3를 설치할 수 있는지 확인하고 약관동의로 넘어갑니다. 동의를 한 후에 설정페이지가 나옵니다. 바로 전에 웹호스팅 관리페이지에서 확인한대로 데이터베이스 정보와 나머지 사이트 정보를 입력합니다.

보통 host와 port는 기본 설정을 따르고 있어 설정하지 않아도 됩니다. 하지만 호스팅 서비스 환경에 따라 host와 port를 다르게 구성해서 서비스하는 경우에는 반드시 적어야합니다. (관리페이지에서 따로 알려줄것입니다.)

사이트 정보와 함께 관리자 계정정보도 충실히 적어줍니다. 사이트를 관리할 때에 필요하기 때문에 입력한 “email”과 "password”를 꼭 기억해둬야합니다.

설치를 시작하면 간혹 putenv를 사용할 수 없다는 문구가 뜨는 경우가 있습니다. 이는 호스팅업체에서 보안적인 이유로 해당 기능을 서버에서 제한한 경우입니다. (무료 호스팅을 하는 서비스에서 간혹 보입니다.)

축하합니다!

축하합니다! 당신의 첫 사이트가 개설되었습니다. 다음 챕터에서는 당신만의 사이트가 되도록 사이트의 기초적인 설정을 고쳐보겠습니다.

다음 글 보러가기 : #3 사이트 기본설정하기

--

--