[2교시] XE를 설치해보자

안녕하세요?

코만두입니다.

이전까지는 APMSETUP을 설치한 후에 코만두의 현재 상황에 맞추어

포트를 변경하고, phpmyadmin 즉 SQL 데이터베이스 루트 관리자 비밀번호를

1234로 변경하였습니다.

( 반드시 변경해야 하는 이유 : 기본값이란 누구나가 알고 있는 값으로

  악의적인 접근을 사전에 방지하기 위한 기본적인 조치입니다. )

그러면 이번 학습부터는 XE를 설치하면서 해당사항의 환경을 변경해보고,

적용해 보면서 본학습과 보충학습으로 겸비하면서 학습해 보도록 하겠습니다.

그러면 학습이 앞서서 학습자 여러분께 XE를 학습하면서 많은 도움이 될만한 곳과

XE업데이트 관련한 사항을 확인하기 위한 웹사이트를 소개하겠습니다.

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

XE 공부방 :    https://www.xeschool.com/xe/

XE공식 홈페이지 모습

XE 공부방 모습

이와같은 웹사이트는 학습을 위해 자주 혹은 간혹이라도 방문하시는게 좋으므로 즐겨찿기 해 두시면 많은 도움이

될 것이라 생각합니다.

그러면 우선 XE공식 웹사이트를 통하여 XE코어 ( 가장 기본적인 뼈대 ) 를 다운받으시어 설치를 하겠습니다.

그런데 여기서 잠깐...!!!

여러분께서 운영하시고자하는 웹사이트의 주소가 이부분에서 이미 결정되어진다는 점을 유의하시기 바람니다.

기준 :  여러분 공통적으로 아이피 주소는 111.111.111.111 이라고 가정합니다.

          여러분 공통적으로 웹서비스에 사용되는 포트는 8080  이라고 가정합니다.

앞의 학습시간에서 APMSETUP을 설치할때 그리고 환경설정부분에서 다시금 지정할 수 있는 곳이지만

기본적인 설치만 완료하였기 때문에 "htdocs" 에 홈페이지 소스를 설치하면 되는데,

C"\apm_setup\htdocs\ 에 설치하면 ( 루트 폴더로 설치한다면 ) 

외부접속 주소는 https://111.111.111.111:8080        가 될것입니다.

그런데 

C"\apm_setup\htdocs\xe 에 설치하면 ( 하위폴더로 설치한다면 ) 

외부접속 주소는 https://111.111.111.111:8080/xe       가 될것입니다.

그리고 

C"\apm_setup\htdocs\ 에 설치하면 ( 루트폴더에 설치하고 기본포트인 80을 사용하신다면  ) 

외부접속 주소는 https://111.111.111.111      이 될것입니다.

브라우져의 특성상 80번 포트를 제외하고는 모든포트는 별도로 주소 표시줄에 

표기해 주어야만 사용자가 지정한 주소로 찿아갈 것입니다.

그렇지 않다면 접속화면이 열리지 않을 것입니다.

그렇기 때문에 또다른 방법으로 주소를 변경하거나 짧은 주소들을 사용하시기 위해서는 사용자 설정 파일 또는

웹에 공개된 파일들을  다운받으시어 내용을 변경한 후에 적용하시면 됨니다.

( 리다이렉트 , 리라이트모드 에 대해서는 이후 보충에서 다루도록 하겠습니다. )

그리고 2개 이상의 홈페이지를 운용하시고자 할 경우에는 

[ htdocs ]하위에 폴더로 구분지어 설치하시고 주소표시줄의 내용을 변경하도록 

해당파일의 소스를 변경하시면 됨니다.

즉. 

https://111.111.111.111/winfo   <- 이곳은 예제1번 웹페이지 입니다.

https://111.111.111.111/respo   <- 이곳은 예제2번 웹페이지 입니다.

이렇게 운용하실 경우에는 

[ htdocs ]하위에  winfo라는 폴더에 홈페이지 구성을 하시면서 또한 respo폴더에 홈페이지 소스를 구성하시면 됨니다.

위 이미지와 같은 구조와 접근주소가 생성되어지게 됨니다.

그외의 폴더에는 패키지나 웹페이지 소스에서 지정한 임시파일등이 자리하거나 사용자 설정 또는 기타 파일들이 

위치하는 폴더로 구성되어져 있습니다.

그런데 학습에서는 다중 홈페이지는 다음으로 미루고 하나의 홈페이지를 구축해 보고자 하였스므로

[ htdocs ] 폴더에 XE를 직접 설치하도록 하겠습니다.

XE 공식 웹사이트를 통하여 다운받은 파일입니다.

적당한 폴더에 압축을 해제합니다.

그러면 위 이미지와 같은 모양의 폴더 구조와 파일들로 이루어져 있을 것입니다.

복사/이동하시기 전에 기존에 설치되어져 있는 index.php 의 파일이름을 다른이름으로 변경해 놓으신 

다음에 진행하시기 바람니다. ( 덮어쓰셔도 무관하나 기본적인 부분까지 학습하고자 함임니다. )

이 모든 파일들을 ( 폴더째로 이동/복사하시는것이 아니라 XE 폴더 내부의 모든 파일과 폴더만 선택하시어 진행합니다. )

C"\apm_setup\htdocs\ 에 복사 또는 이동하시면 됨니다.

이와같이 복사했습니다.

그렇다면 외부의 접속 주소는 https://111.111.111.111:8080 이 될것이고, 

또한 로컬컴퓨터 ( 사용자가 사용하시는 컴퓨터의 내부 주소 )에 설치한 상태이므로 

브라우져를 통하여 확인을 하신다면 https://localhost:8080  또는 https://127.0.0.1:8080 으로도 가능해 질 것입니다.

그러면 확인을 해보겠습니다.

현재까지의 작업은 이미 패키지만 설치하였고 포트는 8080으로 설정했으며 XE코어만 복사해 놓은 상태입니다.

(  항상 중요한 부분이라서 언급하도록 하겠습니다. )

APMSETUP 모니터를 실행하시고 두가지의 서비스가 실행이 되어져 있어야만 합니다.

그래야만 웹서비스가 이루어지며 해당서비스를 기동(실행)해야만 서비스를 이용할 수 있다는 점을

반드시 인지하시기 바람니다.

처음 접하시는 분들께서 웹검색을 통해 따라하기 학습을 하시다가 쉽게 범하는 오류중에서 가장

많은 부분을 차지했던부분이고, 이는 다르게 표현해 보자면 윈도우 부팅도 하지 않고서 곰풀레이어를 통해 영화를 

보고자 하는것과 같다고 생각하시면 될것입니다. 

이렇게 되어져 있어야만 합니다.

그러면 접속이 되는지 처음으로 확인해 보겠습니다.

파이어폭스로 접속해본 화면 이미지 입니다.

주소표시줄을 보시면    https://127.0.0.1:8080/   이라고 되어져 있을 것입니다.

이미 이전 학습에서 코만두의 환경 때문에 서비스 포트를 8080 으로 지정했기 때문에 주소입력시에 :8080  이 덧붙여진 것입니다.

그리고 코만두의 개인상황도 그렇지만 웹만해서는 포트80을 사용하도록 허가해 주는 온라인 가입회사가 드물다보니

이렇게 예시를 들어 학습하는것도 나쁘지 않다고 판단합니다.

그러면 또 다른 방법으로 확인해 보도록 해 보겠습니다.

위 화면 이미지에서 보시는 바와 같이 또한 위에서 언급한 바와 같이  127.0.0.1 그리고 localhost 라는 주소를 사용하여  접속화면을 함께 살펴 보았습니다.

쉽게 확인하는 방법은  트레이 아이콘 중에서 Apmsetup 모니터 아이콘을 클릭하시면 메뉴가 뜸니다.

이미지와 같은 메뉴가 뜨면 네모탄에 보이는 메뉴를 클릭하시면 같은 화면을 만나 보실 수 있습니다.

그러면 여러분의 공인아이피를 통하여 확인은 불가능할까요?

위 이미지에서 보시는 바와같이 바로 같은 화면이 보이게 됨니다.

자. 그러면 XE설치화면까지는 확인을 하였습니다.

그러면 이제 설치해 보도록 하겠습니다.

( 주의사항 )

지금부터 XE코어에서 요구하는 것들을 하나씩 조정하면서 설치할 것입니다.

이전에 요구사항을 미리 입력했다라는 것은 이미 한번쯤은 설치했다거나

또는 그에 관련된 부분에 대한 학습이 이루어진 것이기에 코만두는

초심자(입문자)의 눈높이에서 하나씩 나가보도록 하겠습니다.

그러므로 초기 설치화면을 자주 보아야 할 것입니다.

화면이미지를 따라서 진행해 보도록 하겠습니다.

1. 언어선택

- 이후에  웹사이트( 설치)에 사용될 언어를 선택합니다.

학습자 여러분께서도 모방하시면서 따라해 보십시요.

설치가 가능한 것으로 판단을 했군요.

이는 현재 APMSETUP 패키지가 최신의 XE코어를 설치하기에 적합하다는 메시지 입니다.

APMSETUP패키지에 Mysql 이 설치가 되어졌고 사용자 편의를 제공하기 위해 phpmyadmin이 제공되었습니다.

그러기에 DB는 MySQL 을 선택하시면 됨니다.

여기서 잠깐 

웹사이트의 모든 입력되는 정보들은 데이터베이스화하여 검색이라든가 관리하기에 편리함을 더해주는데요,

이것은 일정한 규칙을 적용하고 공통됨 점을 이어서 빠른 서비스가 가능하도록 DB(데이터베이스)를 제공하여 저장 및 호출을 하여 사용합니다. 같은지 다른지 작은지 큰지 등의 연산도 가능합니다.

이러한 부분에 대해서는 보충시간을 통하여 맛보기로 하고요, 위 화면 이미지를 보시면 처음보는 것들이 있네요.

MYSQL에 접근하기 위해서는 아이디와 비밀번호가 있어야만 합니다.

만일 이런게 없다면 아무나 누구나 들어와서 볼 수 있고 수정하거나 삭제할 수 있기에

가장 기본적인 방법으로 아이디와 비밀번호를 부여하게 되는데, 공공연하게 아이디는 root 로 고정되어져 사용을 합니다.

그러나 phpmyadmin 을 통하여 사용자를 추가하시거나 아니면 root 아이디를 사용하되 비밀번호를 

학습을 위해 1234를 설정했지만 그보다 더 어려운 조합으로 만들어 보안을 하게 됨니다.

여기서 주의하실 부분은 이 비밀번호 입니다.

기본적으로 웹페이지를 구축하기 위한 코어 내지는 그에 준하는 소스들에 이미 기본으로 root 로 접속하게하여 설치가  쉽게 이루어지도록 설계가 되어 있습니다.

그러므로 평생학습교실에서는 학습을 위한 공간이며 설명이나 이해가 쉬워야 한다는 점에 촛점을 맞추어

짧고 간결하게 설정하도록 할 것입니다.

복잡한 아이디나 비밀번호를 사용하면 외우기도 쉽지 않을뿐만 아니라 매번 복사하는 등의 번거로움이 있기 때문에

최대한 간략하게 설정하면서 부연설명을 하도록 하겠습니다.

DB 아이디 :  root 로 입력하시면 됨니다.

DB 비밀번호 : 1234 로 이미 설정하였습니다.

                     패키지를 설치한 직후라면 비밀번호는 apmsetup 일 것입니다.

DB 이름 :  이 부분은 아직 DB를 생성하지 않은 상태입니다.        

                그러므로 더 이상 설치가 불가능한 상태가 되었네요.

그러면 DB를 만들어 봅니다.

위 화면까지는 그대로 두시고 새로운 브러우져 창을 열고 아래와 같이 따라하시면 될 것입니다.

위에서 이미 설명했듯이 사용자명에는 root  암호에는 1234 를 입력하시고 실행 버튼을 클릭합니다.

그런데 주소를 일일이 타자치지 않으시면서 위 화면에 갈 수 있는 방법이 있을까요?

네에. 있습니다. 위 이미지에서 보시듯이 APMSETUP 모니터의 메뉴에서 MySQL관리 메뉴를 선택하시면 바로 열림니다.

로그인하시면 위 화면과 같은 창을 보실 것입니다.

왼쪽 상단의 네모를 보시면 데이터베이스가 이미 만들어져 있고 무엇인가 데이터가 입력되어진 모습이 보임니다.

그곳의 데이터는 함부로 삭제 수정하지 않으셔야 합니다.

이후에 학습의 익힘 정도에 따라서 사용자 임의로 수정할 수 있는 곳이 있으므로 지금은 그냥 참고만 하시기 바람니다.

이미 위에서 XE를 설치하다보니 DB이름을 물어보는데 우리는 아직까지 XE에 관한 데이터베이스 이름을 처음 물어보는 관계로 미처 준비하지 못했네요,

그래서 화면을 정지한 후에 바로 SQL관리화면으로 온 것입니다.

위 화면에서 보시는 바와 같이 데이터베이스를 만들 수 있군요.

그러면 데이터베이스이름을 comandoo 라고 입력해 보겠습니다.

 

위 이미지와 같이 입력 및 선책을 하시고 만들기를 클릭합니다.

만들기를 클릭하시면 위 이미지와 같은 화면이 보임니다.

그러면 PHPMYADMIN 글자 로고 바로 아래의 홈버튼을 클릭하여 확인을 합니다.

화면을 보니 처음에는 안보였고 좀전에 DB만들기를 통하여 만들어진 comandoo 라는 DB가 보임니다.

그러면 이제 하나는 해결이 된듯합니다.

그러면 다시금 그대로 두시고 XE설치화면으로 가서 마져 입력하고 완료해 보도록 하겠습니다.

위 화면과 같이 입력을 합니다.

그리고 다음을 클릭하세요.

(잠깐..!! )

(6) 테이블 접두사 :  xe 

이것의 의미는 각각의 데이터베이스에 사용되어질 테이블 이름 앞에 자동으로 xe를 붙여서 데이터베이스 테이블을 

만들라는 의미입니다. 사용자 임의의 값으로 바꾸셔도 됨니다만 지금의 학습에서는 그대로 진행하도록 하겠습니다.

(5) DB Port : 3306  

이전에 패키지를 설치하면서 서버 환경설정 부분에서 4406으로 변경했던 부분입니다.

기억하시지요?  

네에. 

코만두는 이미 자가 서버장비로 웹사이트를 운용하고 있기에 혼선을 막고자 임시로 4406으로 변경했던 부분

입니다. 그러나 APMSETUP 패키지에서도 마찬가지고 XE코어에서도 마찬가지고 3306를 기본값으로 사용합니다.

그러기에 코만두는 지금에서 잠시 운영중이던 웹페이지의 서비스를 중단하고 잠시 자료 화면 이미지를 준비하기 

위하여 3306으로 일시 복구 합니다.

이는 공인아이피 하나를 가지고 코만두가 운용하는 웹페이지나 그에 준하는 서비스가 몇종류가 되기에

각각의 서비스를 포트로 분할하여 운용하기에  가장 중요한 데이터베이스의 입출력 혼선을 막고자 

학습 준비를 제외하고는 APMSETUP 패키지의 구동이 어려운 상태입니다.

괸스레 아닌데 하시는 분들도 계시겠지만 코만두가 홈을 운영하면서 같은 XE로 임의의 웹페이지를 

각기 다른 서버운용장비 즉 NAS에 운영해 본결과 장애발생도 되면서 이후에 데이터가 커짐에 따라 

임시생성되어지는 캐시도 따로 지정해야 하는등 많은 작업을 수반하였습니다.

그러다가 어느 순간 DB가 서로 엉키면서 하나의 웹페이지가  열리지 않고 DB를 찿을 수 없다는 메시지를 보았습니다.

NAS내부의 데이터 전체를 확인해도  개별적으로는 아무런 문제를 발견하지 못하였습니다.

이는 또한 코만두의 경험 부족과 지식의 부족으로 나온 결과가 아닐 수 없겠지만,

학습을 진행하는 입장으로서 이런 부분도 염려되지 않을 수 없는 부분이기에 언급하고자 합니다.

그러므로 학습하시는 분들께서는  별도의 웹페이지를 운용하시는 분께서 안계실 것이라 사료되어

학습진행에 대해서만 4406으로 서비스를 잠시 폐쇄하며 학습 진행 부분에 대해서는 3306을 DB Port로

다시금 복구하여 진행할 것입니다. 

( 번거로우시겠지만  무작정 3306 이구나 하시면 될 듯합니다. )

입력을 마치고 다음을 클릭하시면 위와 같은 화면이 보이게 됨니다.

서울 표준시는 GMT +09:00 이므로 위 이미지와 같이 선택을 하시고 다음을 클릭하시면 됨니다.

이제 거의 마무리네요.

그러면 위 화면의 중요성을 말씀 드리겠습니다.

위 화면은 관리자로서 모든 권한을 얻기 위해 반드시 정확하게 입력하셔야만 하며 또한 항상 인지하셔야만 하는 부분입니다.

암기하시기 불편하시다면 메모장에 따로 메모하시어 보관하시면서 관리를 필요로 할 시에

항상 사용하시기 바람니다.

이메일주소 : admin@********* ( 코만두 전용 개인 전자우편 주소입니다. )

학습자 여러분께서는 상시 사용하시는 이메일주소나 필요하시다면 새로이 하나를 만드시어 사용하시기 바람니다.

웹페이지 운용시에 메일과 관련된 부분에서 mailto : admin@t********e  라고 지정하시면 바로 클릭시에

메일을 보낼 수 있도록 창이 열리는 기능을 합니다. 그러면 접속하시는 분들께서 운영하시는 분께 메일을 통하여 정보 또는 건의 등을 

편리하게 하실 수 있도록 하기 위함입니다.

새비밀번호  : ********

앞으로 새로이 열리게 되어질 웹페이지에 로그인 하실때 필요한 비밀번호 입니다.

반드시 암기하시거나 메모해 두셔야만 합니다.

새 비밀번호 확인 : ********

위에서 입력한 비밀번호를 한번 더 똑같이 입력하시면 됨니다.

닉네임 : 코만두

닉네임은 로그인시에 보여질 로그인 사용자의 대명 ( 본명 대신에 불리워지는 이름 ) 입니다.

아이디 : comandoo

아이디는 로그인시에 필요한 사용자 구분을 위한 이름과도 같은 것입니다.

이미 학습자 여러분께서도 아이디와 이메일 비밀번호쯤은  어찌 사용이 되는지를 알고 계시리라 생각됨니다.

그러면 학습자 여러분께서도 한번 입력하시고 완료 버튼을 클릭해 보시기 바람니다.

코만두의 입력 상태입니다.

완료버튼을 클릭하면서 GIF 파일 이미지로 진행을 한번 보도록 하겠습니다.

시간이 지체되어지는 부분이 있습니다.

완료되어 첫화면이 열릴때까지 관심있게 살펴보시기 바람니다.

위 이미지에서 보시는 바와 같이 시간이 좀 걸림니다.

사용자 환경에 따라 다소 차이기 날 수 있습니다만 이렇게 잠시 동안의 시간이 흐르는 동안

XE코어는 MYSQL DB에 필요한 구성들을 작업하고 있습니다.

작업을 마치면 다시금 읽어들여 입력한 사항을 체크하고 최고관리자 입력항목에 따라

웹페이지를 관리할 수 있는 화면으로  자동 로그인되어 보여지게 됨니다.

초기화면에서 닉네임 바로 옆에 *관리 항목이 보인다면 이 닉네임은 최고관리자임을 뜻합니다.

운영자 또는 최고관리자로 권한을 위임받은 분은 바로 보이는 버튼입니다.

관리버튼을 클릭하시면  위와 같은 화면이 보이게 됨니다.

그러면 지금까지 XE를 설치해 보았습니다.

이제 남은 것은 화면 구성 및 메뉴를 구성하고 각각의 필요한 구성을 하면서 꾸미는 일만이 남은 것 같습니다.

지금까지 장문처럼 보여지는 학습이지만 화면 이미지를 빼면 글자수는 얼마가 안될 것입니다.

그러나 기본.... 기본에 충실하시지 않는다면 이후의 학습 또한 의미가 없을 것이라 생각이 됨니다.

그러므로 다소 시간이 걸리시더라도 한글자 한글자 읽어보시고 첨부하여 본문에 올린 이미지들을 

꼼꼼하게 살피시어 빠짐없이 눈으로 익히시고, 필요에 따라서는 별도의 필기장에 메모하시어 학습

과정중에 의문점이나 궁금한 점을 질문하시기 바람니다.

그러면 다음 시간은 보충시간이므로 필요한 사항에 대하여 보충 설명을 드리면서

필요에 따라서는 웹페이지 링크도 함께 하면서 학습하도록 할 것입니다.

비록 지루하고도 긴 시간동안 각각의 브라우져화면을 오가실 수 있지만.

몇번이고 설치하시면서 미리 사전 지식이 있으신 분이시라면 단 한번에 성공하시고 거침없이 진행을 

하시겠지만 입문자로서는 왜? 또는 무엇을? 이라는 의구심이 한번 생기면 더 이상의 진도가 불가한 점을

코만두는 많이 겪으면서 이렇게 지루하고 긴 글이지만 빠지는 부분이 없는지, 혹여 안내되지 않은 부분은 

없는지를 살펴보지만 저도 여러분과 같은 시공을 함께하는 사람인지라서 확고하게 준비하여 많은 분들의 눈높이에 

모두 맞추었다라고는 말씀드리지 못하겟네요.

그러기에 댓글을 통하여 질문을 받으면서 추가 댓글로 답변을 드리도록 하겠습니다.

지금까지 무지 긴 시간 동안 학습에 열중하시느라 노고가 많으셨습니다.

따스한 차한잔 하시면서 다시금 천천히 훝어봐주시고

처음부터 다시금 한번 더 해보시길 부탁드려 봅니다.

지금까지 학습자 여러분께서 모두 잘 이해하시고 따하오셨다면,

이전으 브라우져를 모두 닫으시고 다시금 APMSETUP 트레이 아이콘 메뉴항목에서 [ 내 홈페이지 ] 항목을 클릭해 보세요.

위와 같은 화면이 보이셨다면 성공하신 것입니다.

그렇지 않고 에러메시지가 보인다거나 한다면 어느 부분에선가 입력하신 부분에 잘못이 있거나 한 부분입니다.

재차 확인해 보시기 바람니다.

그래도 안되시는 분이 계실 것입니다. 그 부분은 댓글에서 질문을 하시면 최대한 성심껏 답변 드리도록 하겠습니다.

그럼 [ 로그인 ] 버튼을 클릭해 볼까요? 

네에..

완료 버튼을 클릭하시기 직전의 화면에서 이메일주소를 입력하는 부분이 있었지요?

바로 그 이메일주소를 입력하시고 비밀번호를 입력하시면 최고관리자의 권한이 주어진 닉네임으로, 

아이디로 로그인하시게 됨니다.

이후에 이 부분의 변경에 대해서 학습하도록 하겠습니다.

감사합니다.

다음 보충학습에서 또 뵙도록 하겠습니다.