이클립스 디버깅 도구로 개발 생산성 높이기


초창기 국내에서 자바 진영을 시작으로 각광받았던 이클립스는 이제는 소스코드 IDE 개발도구로 여러 개발언어에서 가장 유명한 개발 도구가 되었습니다.

디자이너나 퍼블리셔가 담당하는 부분을 넘어서는 부분인 웹프로그래밍이나 서버쪽에서는 일명 프로그래머라하는 웹개발자나 서버개발자들이 있습니다.
퍼블리셔와는 틀리게 웹개발자들은 DB와 서버쪽인 연동된 소스 코딩을 많이 하게됩니다. 현재 국내 웹개발 분야에서는 자바 프로그래머나 PHP 프로그래머, C# 닷넷 ASP 프로그래머들이 주로 포진해있습니다.


웹개발자는 프로그램 코딩을 위해서 에디터 프로그램이나 IDE 개발도구를 이용합니다. 국내에서 많이 사용하는 에디터 프로그램는 에디트플러서(EditPlus), 울트라에디터(UltraEdit), 아크로에디터, 서브라임텍스트(주로 퍼블리셔나 디자이너가 선호) 등 여러가지가 있습니다.

에디터 프로그램이 가볍고 간단히 사용이 가능해서 많이 사용하지만 코드 어시스트나 디버깅 때문에 IDE 개발도구인 이클립스를 사용하는 것이 개발 생산성 향상에 좋습니다.

프로그램 코딩에 있어서 개발자를 괴롭히는 것 중의 하나는 디버그 작업입니다. 이클립스와 같은 자동화된 디버깅 도구가 없다면 개발자들은 언제나 System.out.println()과 같은 일종의 문자출력 프린트 명령어로 에러나는 부분은 소스상에 적어놓고 테스트를 해야는 번거로움이 있을 것입니다.

※ 이어지는 내용입니다. 아래 포스팅을 참고바랍니다.



이클립스 디버깅 도구 Xdebug


디버깅 도구로는 Xdebug나 Zend Debugger가 있습니다. 일반적으로 APM나 오토셋을 설치하면 기본적으로 Zend Debugger 가 내장되어 있습니다.
여기에서는 Xdebug와 Zend Debugger 중에서 Xdebug를 사용해서 이클립스에 연결하겠습니다.


먼저 Xdebug를 사용하기 위해서는 Xdebug 에서 제공하는 DLL 파일을 설치해야만 합니다.
현재 DLL의 종류는 현재 vc6에서 v14까지 있습니다.


Xdebug를 자신의 서버에 올바르게 설치하기 위해서는 먼저 아래의 세 가지 사항은 확인해야만 합니다.

※ Xdebug 설치전 확인 사항

첫째, VC 버전
둘째, PHP 버전
세째, TS라 부르는 Thread Safe Bulid 값

자신의 서버의 사양을 확인하는 작업은 phpinfo() 함수를 통해서 간단하게 확인을 할 수 있습니다.


phpinfo() 함수로 나의 서버에 설치할 Xdebug 사양 확인하기


먼저 이클립스를 구동합니다. 왼쪽 PHP Explorer 윈도우에서 wordpress-eclipse 폴더에서 마우스 오른쪽을 클릭해서 New > PHP File 메뉴를 클릭합니다.

 

새로운 PHP 파일을 생성할 수 있는 윈도우가 나타납니다.
서버의 정보를 확인할 phpinfo.php란 더미 파일을 하나 만들 것입니다.

파일 이름란에 phpinfo.php 를 입력하고 Finish 버튼을 클릭합니다.



phpinfo.php란 새 파일이 열립니다.



아래와 같이 PHP 소스코드를 입력하고 Ctrl+S로 해당 내용을 저장합니다.



이제 왼쪽 PHP Explorer 윈도우에서 phpinfo.php에서 마우스 오른쪽 버튼을 클릭해서 Run As > 2 PHP Web Application 메뉴를 클릭해서 웹어플리케이션을 실행합니다.




PHP 웹어플리케이션을 실행할 Launch URL이 나타납니다. OK 버튼 클릭합니다.



이클립스 화면에 phpinfo.php 화면이 열립니다. phpinfo() 함수를 사용해서 자신의 로컬서버에 대한 정보가 아래 화면과 같이 나타납니다.



화면상에서 마우스 오른쪽 버튼을 클릭해서 소스보기 메뉴를 클릭합니다.



소스보기한 HTML 소스가 나타나면 해당 소스를 Ctrl+C로 복사해둡니다. 이렇게 복사한 소스는 Xdebug 사이트 정보확인 입력창에 입력해서 적합한 Xdebug 버전을 찾는데 사용하게 됩니다.



Xdebug 사이트에서 내 서버의 플러그인 DLL 사양 확인하기


Xdebug 사이트로 이동해서 사용할 DLL 사양을 확인해야 합니다. Xdebug 사이트에 접속합니다.
Xdebug 사이트에 접속하면 아래와 같이 HTML 소스를 입력하는 창이 나타납니다. 이 창에 조금전에 복사한 phpinfo HTML 코드를 붙여넣으면 됩니다.



아래 화면과 같이 붙여넣은 다음에 output 버튼을 클릭합니다.     




아래와 같이 서버에 대한 정보가 나타납니다. 오렌지 박스로 표시한 세 부분이 중요합니다. 
현재 사양은 VC11 이고 PHP 버전은 5.6, TS는 Yes입니다.





이제 Xdebug 사이트에서 아래 download 메뉴를 클릭해서 dll 파일을 다운받는 웹페이지로 이동합니다.



저의 경우 VC11, PHP 5.6.0 이고 TS yes이고 64 bit이기 때문에 다운받는 페이지에서 PHP 5.6 VC11 TS(64 bit)를 내려받으면 됩니다.
조금전에 조사한 방법으로 자신의 서버 사양에 맞는 dll을 다운로드 하면 됩니다.



다운로드 링크를 클릭하니 아래와 같이 파일이 로컬에 다운로드되었습니다.


이 파일을 서버가 있는 오토셋의 dll 관리 폴더에 복사해야 합니다.
php_xdebug-2.4.0-5.6-vc11-x86_64.dll 파일을 AutoSet9 > server > bin > ext 로 이동해서 아래 화면과 같이 붙여넣기를 합니다.








php.ini 파일에서 XDebug 정보 세팅


이제는 서버의 php.ini 파일을 열어서 설정을 해야합니다.
AutoSet9 > server > conf 폴더로 이동해서 php.ini 파일을 오픈합니다.




php.ini 파일을 열어서 맨 마지막 라인에 추가합니다. 포트는 기존에 사용하지 않는 포트인 9001번을 넣었습니다.







이클립스에서 디버그 환경 설정하기


이클립스를 열어서 Window > Preference 메뉴를 클릭합니다.




Preferences 화면에서 PHP >  Executables 메뉴를 선택한 뒤에 Add 버튼을 클릭합니다.




새로운 PHP Executable 작성할 수 있는 화면이 나타납니다.



이름 란에 아래와 같이 Xdebug라 입력하고 Browse 버튼을 클릭해서 아래와 같이 php 실행 파일과 환경 파일을 선택합니다. 선택이 완료되면 Finish 버튼을 클릭합니다.



Finish 버튼을 클릭하면 아래와 같이 Xdebug가 만들어진 것을 확인할 수 있습니다. Xdebug를 선택합니다.



Xdebug 이름 선택하면 Edit 버튼이 활성화 됩니다. Edit 버튼을 클릭합니다.



두번째 Debugger 탭을 클릭합니다.



Connection Setteings 항목에서 Port 부분을 9001로 바꾸고 OK 버튼을 클릭합니다.



이제는 PHP > debug 메뉴를 클릭합니다. PHP Debug 화면에서 오른쪽에 오렌지 동그라미 부분의 PHP Servers... 링크를 클릭해서 Debuger 설정합니다.



설정이 완료되면 아래와 같이 Debugger에 XDebug가 나타납니다. 




Break at First Line 체크를 해제하고 서버와 excutable 항목을 아래와 같이 선택한 뒤에 Apply 버튼을 클릭하고 OK 버튼을 클릭합니다.




디버그 환경설정 - Debug Configuration


아래 화면에서 벌레 모양을 클릭하면 나타나는 Debug Configuration 메뉴를 클릭합니다.



디버그 환경설정 화면에서 아래와 같이 이름을 Xdebug로 바꿉니다.



Xdebug로 바꾼고 Browse 버튼을 클릭해서 index.php 파일을 선택하고 apply 버튼을 클릭합니다.
index.php 파일을 선택하는 것은 디버깅을 시작할 때 이 파일로 시작한다는 의미입니다.



Apply 버튼을 클릭하니 왼쪽 메뉴에서 Xdeubg가 생성됩니다. Close 버튼으로 화면을 닫습니다.



벌레모양 아이콘을 클릭한 뒤에 Xdebug 메뉴를 클릭해서 디버깅을 시작합니다. 



디버그가 시작되고 아래와 같이 화면이 나타나는 것을 확인할 수 있습니다. 아직 Break point는 설정하지 않았지만 디버그 수행시 소스코드에 설정하면 편리하게 디버깅 작업을 할 수 있습니다.





이클립스에서 워드프레스 설치하기


이클립스에서 워드프레스 개발환경을 만드는 것을 연재하고 있습니다. 이어지는 내용이므로 이전 포스팅은 아래 내용을 참고바랍니다.





이제 이클립스에서 워드프레스를 설치할 차례입니다. 지난 시간에 워드프레스를 사용할 데이터베이스를 생성하고 이클립스에 웹서버를 연결하였습니다. 이클립스에서 로컬 index 파일 경로로 접속하니 아래와 같이 이클립스 안에 워드프레스를 설치하는 화면이 나타났습니다.



워드프레스를 설치하는 화면에서 Let's go 버튼 클릭합니다.




데이터베이스 연결정보를 입력하는 화면이 나타납니다.





데이터베이스 연결 정보를 입력하는 화면에서 조금 전에 생성한 MySQL 데이터베이스 이름과 사용자 이름, 비밀번호를 입력합니다.
데이터베이스 호스트 항목과 테이블 접두어 항목은 디폴트 상태로 그대로 둔 뒤에 전송버튼을 클릭합니다.



설치를 실행하는 화면이 나타납니다. 설치 실행하기 버튼을 클릭합니다.



설치화면에서 워드프레스의 환영 문구가 눈에 띕니다.
'세계에서 가장 확장성 높고 강력한 개인 출판 플랫폼을 사용하는 길로 들어서게 됩니다.'

이제 자신이 만들 사이트 제목과 사용자명을 입력하면 됩니다. 여기에서 간단하게 입력해도 상관없습니다. 추후에 워드프레스 관리자 화면에서 얼마든지 수정이 가능하기 때문입니다.



다음과 자신이 만들 워드프레스 웹사이트 정보를 입력하고 설치하기 버튼을 클릭합니다.



설치가 완료되었습니다. 설치는 정말 간단하게 끝납니다. 로그인 버튼을 클릭합니다.



워드프레스 로그인 화면이 아래와 같이 나타납니다.



자신이 만들었던 사용자명과 비밀번호를 입력하고 로그인 버튼을 클릭합니다.



로그인이 완료되면 다음과 같이 이클립스안에 워드프레스가 구동된 것을 확인할 수 있습니다.



이클립스 안에서 구동된 워드프레스 관리자 화면에서 사이트보기를 하면 다음이 사이트가 나타납니다.



워드프레스 개발환경, 이클립스에 아파치 서버 연결하기


지난 시간에는 PHP용 이클립스를 설치하고 이클립스에서 워드프레스 소스를 모두 가져왔습니다.
이번 시간에는 이클립스에 웹서버인 아파치 서버를 연결하고 워드프레스가 사용할 MySQL 데이터베이스를 생성하도록 하겠습니다.



이어지는 내용이므로 아래 이전 포스팅을 학습하면 더 효과적입니다.



그럼 이제, 이클립스에서 웹서버인 아파치 서버의 연결작업을 진행하겠습니다.
먼저 PHP용 이클립스를 구동하고 상단에서 Window > Preferences 메뉴를 클릭합니다.



Preferences 윈도우창이 나타납니다.



왼쪽 메뉴에서 PHP > Servers 를 선택하면 오른쪽 화면에 Default PHP Web Server 항목이 나타납니다.
Default PHP Web Server 항목을 선택한 뒤에 Edit 버튼을 클릭합니다.



Edit 버튼을 클릭하면 PHP Server 환경 설정을 하는 화면이 나타납니다.
아래 Server Porperties 항목에서 웹서버의 다큐먼트루트(Document Root)를 설정해야합니다.



Browse 버튼을 클릭해서 아파치가 설치되어 있는 오토셋 폴더에서 다큐먼트루트인 public_html을 선택한 뒤에 Finish 버튼을 클릭합니다.




OK 클릭을 클릭합니다.



이제 PHP 웹서버를 실행하겠습니다. 왼쪽 PHP Explorer에서 wordpress-eclipse 폴더에 마우스 오른쪽 버튼을 클릭해서 Rus As > 1 PHP Web Application 메뉴를 클릭합니다.



프로젝트를 실행하기 위해서 프로젝트의 index 파일을 찾는 화면입니다. Browse 버튼을 클릭합니다.



index.php 파일을 선택한 뒤에 OK 버튼을 클릭합니다.




인덱스 파일을 설정이 되었습니다. OK 버튼을 클릭합니다.




OK 버튼을 클릭하면 워드프레스를 설치할 수 있는 화면이 나타납니다.
아직 워드프레스에서 사용할 데이터베이스를 만들지는 않았습니다.




워드프레스 데이터베이스 생성하기


데이터베이스를 생성하기 위해서 오토셋을 실행한 뒤에 제어 > phpMyAdmin 접속 메뉴를 클릭합니다.



phpMyAdmin 화면에 사용자명과 암호를 입력하고 로그인합니다.


MySQL에 wordpress-eclipse 라는 데이터베이스를 만들려고 합니다.
아래 화면과 같이 phpMyAdmin 화면에서 데이터베이스 탭을 클릭한 뒤에 새 데이터베이스 만들기 항목에 wordpress-eclipse 라고 입력하고 만들기 버튼을 클릭합니다.



아래와 같이 wordpress-eclipse라는 신규 데이터베이스의 생성이 완료된 것을 확인할 수 있습니다. 이로써 워드프레스가 사용할 MySQL 데이터베이스의 준비가 끝났습니다.


워드프레스 개발환경의 구성

워드프레스 개발자가 개발 환경을 구성할 때 여러가지 방법이 있습니다. 
그렇지만, 워드프레스 개발환경에서 기본적으로 필요한 것은 아래 세 가지입니다.


워드프레스 개발환경 필수 삼요소

1) 데이터베이스(MySQL, MariaDB)
2) 웹서버(아파치)
3) 웹프로그래밍 개발 언어(PHP)

워드프레스를 구동하기 위해서 기본적으로 위의 세 가지는 반드시 필요합니다. 
워드프레스를 처음 접하는 사용자가 MySQL, 아파치, PHP를 개별적으로 세팅하는 것은 쉬운일은 아닙니다. 

그렇다고 걱정할 필요는 없습니다. 오토셋을 이용하면 세 가지 웹개발환경 구성은 간단하게 끝낼 수 있습니다.
오토셋에 대한 설치 및 환경 구성은 아래 포스팅을 참고바랍니다.



오토셋으로 환경 설정이 완료되었다면, 워드프레스를 사용해서 웹사이트 제작에 들어갈 것입니다.
워드프레스의 장점은 코딩작업을 하지 않고 손쉽게 웹사이트나 홈페이지를 제작할 수 있는 것이지만, 실제로 웹사이트의 디테일을 손대게 되면 PHP 프로그래밍은 필수가 되게됩니다.

PHP 프로그래밍을 하다보면 결국 코딩을 편리하게 하기위해서 자신에게 맞는 에디터 프로그램을 찾아 사용하게 됩니다. 요즈음에 에디터 프로그램은 여러가지가 있으나 퍼블리셔나 디자이너가 선호하는 에디터 프로그램은 서브라임 텍스트입니다.

서브라임 텍스트는 정말 훌륭한 에디터 프로그램입니다. 

서브라임 텍스트 외에 한가지 더 추천하고 싶은 개발도구는 바로 이클립스입니다.
이클립스는 자바 진영에서 가장 호평받는 훌륭한 IDE 개발도구입니다. 그렇지만 PHP나 다른 개발환경도 지원합니다.

이클립스를 사용하면 디버깅 도구등 여러 가지 편리한 기능으로 개발 생산성을 향상 시킬 수 있습니다.
이번 시간에는 이클립스로 워드프레스 개발환경을 구성하는 방법을 학습하도록 하겠습니다.


이클립스로 워드프레스 개발환경 구성하기 - 이클립스 PHP Developer 설치하기


워드프레스에서 사용할 이클립스를 다운로드 받기 위해서 이클립스 사이트에 접속합니다.
이클립스 사이트에서 아래 화면에 연두색 화살표가 가르키는 64bit 메뉴를 클릭합니다.




64 bit 메뉴를 클릭하면 아래와 같은 이클립스 인스톨러가 다운로드 됩니다.
(이때 JDK 1.7이나 JRE 1.7 이상이 설치되어 있어야 합니다.)
이클립스 인스톨러를 클릭합니다.




이클립스 인스톨러가 실행되면 아래와 같은 화면이 나타납니다. Eclipse IDE for PHP Developers를 클릭합니다.



PHP용 이클립스를 설치할 폴더를 지정하는 화면입니다. 여기에서는 c:\dev 폴더를 만들고 그안에 eclipse를 설치하겠습니다.
아래와 같이 폴더를 설정하고 INSTALL 버튼을 클릭합니다.




동의에 관한 내용입니다. Accept Now 클릭합니다.



이클립스 IDE for PHP Developers가 설치되고 있습니다.



이클립스 인스톨이 완료되고나면 LAUNCH 버튼이 보입니다. LAUNCH 버튼을 클릭합니다.




이클립스 작업폴더를 지정하는 팝업이 나타납니다. 여기에서는 웹서버의 도큐먼트루트 경로를 설정하면 됩니다. 
Browse 버튼을 클릭해서 오토셋의 Document Root 경로인 public_html 폴더를 선택합니다.
폴더의 선택이 완료되면 OK 버튼을 클릭합니다.



PHP용 이클립스 구동되고 있습니다.



이제 이클립스의 구동이 완료되었습니다. 우측의 Workbench를 클릭합니다.




이클립스 개발환경인 Workbench 화면이 아래와 같이 나타납니다.



이클립스 PHP 프로젝트 만들기


새로운 PHP 프로젝트 만들기 위해서 File > New > PHP Project 클릭합니다.



프로젝트 이름 wordpress-eclipse 입력하겠습니다.
그리고 JavaScript Support 항목에서 Enable Javascript에 체크한 뒤에 Next 버튼을 클릭합니다.



Configuration은 그대로 두고 Next 버튼을 클릭합니다.



소스폴더에 wordpress-eclipse 폴더가 생성된 것을 확인할 수 있습니다. Next 버튼을 클릭합니다.



build path 항목을 확인후 Finish 버튼을 클릭합니다.



이클립스 개발 화면의 왼쪽 PHP Explorer에 wordpress-eclipse 폴더가 생성된 것을 확인할 수 있습니다.



그렇다면 실제 윈도우 탐색기에서는 어떻게 폴더가 구성되었는지 확인합니다.
로컬 컴퓨터의 윈도우 탐색기에서도 이클립스와 동일하게 파일이 생성된 것을 알 수 있습니다.





워드프레스 복사하기



이제 wordpress-eclipse 폴더에 다운받은 워드프레스 4.2.2 버전을 모두 복사해서 아래 화면과 같이 붙여넣습니다.






현재 이클립스에서보니 아직 PHP Explorer 화면에는 복사한 소스가 나타나지 않습니다.



이클립스 화면에서 리프레쉬의 단축키인 F5 키보드를 누릅니다.
F5로 리프레쉬를 하면 이클립스는 Building workspace 를 진행하면서 소스를 가져옵니다.



이클립스가 소스를 모두 가져왔습니다. 이로써 이클립스에 워드프레스 소스를 모두 가져왔습니다. 다음 시간에는 이클립스에서 아파치 서버 연결을 하고 워드프레스를 설치하는 과정을 진행하겠습니다.





가입형 워드프레스 알아보기

워드프레스도 티스토리나 네이버 블로그와 같이 가입형 서비스를 제공하고 있습니다. 가입형 서비스는 워드프레스 닷컴( https://ko.wordpress.com )을 통해서 서비스가 제공되고 있습니다. 워드프레스가 제공하는 가입형 온라인 서비스는 네이버 블로그와 같이 바로 인터넷상에서 가입하면 바로 사용할 수 있습니다.

워드프레스는 한국판 도메인을 제공합니다. 과거에는 www.wordpress.com 도메인으로 국내에서 서비스 되었지만 이제는 https://ko.wordpress.com 도메인으로 자동 리다이렉트 됩니다.

그럼 워드프레스 닷컴 사이트에 접속하겠습니다.



가운데 있는 웹사이트 만들기 버튼을 클릭합니다.



자신이 만들고자하는 워드프레스 웹사이트 주소를 입력합니다.
입력하는 사이트 주소대로 워드프레스에서 무료로 도메인을 생성하여 제공합니다.
뒤의 주소 부분은 자신이만든주소.wordpress.com으로 고정입니다. 도메인 주소가 체감적으로 좀 길게 느껴집니다.



이메일과 비밀번호를 입력합니다.


도메인을 구매할 것인지 물어봅니다.
자신이만든주소.wordpress.com 처럼 긴 주소대신에 짧은 주소를 원하면 도메인을 구매할 수 있는 옵션이 나옵니다. 비용이 들어가기 때문에 '괜찮습니다'를 클릭합니다.


이제 테마를 선택하는 화면입니다. 클릭을 해보면서 자신에게 가장 적절한 테마를 선택합니다.


여기서는 가운데에 있는 Cubic 테마를 선택하겠습니다.



테마가 선택이 완료되었고 다음 화면으로 넘어가면 요금제를 선택하는 화면이 나옵니다.
워드프레스 닷컴은 무료로 사용할 수 있으나 비즈니스적으로 오디오 비디오 공간이 필요하다면 프리미엄 이상의 요금을 사용해야 합니다.




워드프레스 닷컴(가입형)의 장단점

워드프레스 닷컴(가입형)은 손쉽게 사용할 수 있는 대신에 몇 가지 단점이 있습니다.

첫째, 무료 용량을 3GB을 주고 글쓰고 이미지를 업로드 할 수 있지만, 동영상이나 음악화일을 업로드 하려면 추가 요금을 지불해야 합니다.
둘째, 워드프레스 닷컴 서버가 미국에 있기 때문에 속도가 느린 경우가 있습니다.

만약 제작하는 웹사이트가 용량을 많이 필요로 한다면 유료도 고려해 보아야 합니다.
워드프레스 닷컴의 요금제를 보면, 프리미엄은 비용이 연 10만원 이상, 비즈니스는 30만원 이상입니다.

용량을 많이 사용할 때는 아래 사항을 생각해보아야 합니다.
1) 워드프레스(설치형) + 국내 호스팅 서비스를 이용할 것인지
2) 비용이 들더라도 워드프레스 닷컴(가입형)을 이용할 것인지

각각의 장점만 보자면

워드프레스 닷컴(가입형) : 편리성의 장점
워드프세스(설치형) + 국내 호스팅 : 비용 절감 가능, 좋은 무료 테마 선택의 폭, 웹사이트의 용량이나 동영상, 음악 화일의 자율성의 장점이 있겠습니다.


일단 여기서는 무료 요금제를 선택하겠습니다.



워드프레스 닷컴에 가입과 설정이 완료되었습니다. 워드프레스 닷컴 관리자 화면에는 웹사이트의 상태나 지표를 볼 수 있는 화면을 제공합니다.


블로그에 글쓰기 시작하기 전에 재로그인을 하면 이메일 인증을 요청합니다.


이메일 링크 확인을 하니 최종적으로 모든 가입 절차가 완료되었습니다. 이제 워드프레스에 글을 쓸 수 있습니다.


왼쪽 상단에 '내 사이트' 이미지를 눌러보겠습니다.



아직 글이 작성되지 않았지만 워드프레스 사이트가 완성된 것을 확인할 수 있습니다.





가입형과 설치형 워드프레스 간단 비교 정리표

 구분

가입형 워드프레스 

설치형 워드프레스 

비용 

무료(용량 증가나 도메인 서비스는 유료) 

 무료(호스팅이나 도메인 비용 별도)

 호스팅 서비스

불필요 

필요 

테마 설치 

가능 

가능 

테마 수정 

불가능 

가능 

플러그인 설치 

불가능 

가능 

사용자 정의 CSS 여부 

추가 비용 발생 

가능 

위젯 사용 

가능 

가능 

워드프레스 수정여부 

불가능 

가능 

워드프레스 설치 

불필요 

가능 

멀티 사용자

가능(가입형 워드프레스 사용자만 초대 가능)

가능 

RSS

가능 

가능 




 


간편하게 워드프레스 설치하기

이번에는 데이터베이스 설치하기에 이어서, 워드프레스 데이터베이스의 환경설정과 워드프레스를 설치하도록 하겠습니다.

이전 글)
크롭 웹브라우저를 열고 주소창에 localhost/wordpress 을 입력합니다.

데이터베이스 환경을 세팅하기 위해서는 다음과 같이 1~5번에 해당하는 정보가 필요합니다. 1번은 이미 wordpress라고 만들었고, 2~3번 정보는 알고 있습니다. 4~5번 정보는 다음 화면에서 디폴트 상태로 진행하겠습니다.

Let's go 버튼을 클릭합니다.


사용자 이름과 비밀번호는 phpMyAmdin에서 사용했던 MySQL 데이터베이스 사용자 이름과 비밀번호입니다. root / autoset을 입력하면 됩니다. 주의할 점은 워드프레스 로그인 아이디 비밀번호와 데이터베이스의 로그인 아이디 비밀번호을 혼동하지 말아야 합니다.



root / autoset을 입력하고 전송 버튼을 클릭합니다.


설치 실행하기를 클릭해서 설치를 진행합니다.


이제 워드프레스 설치를 하는 화면입니다. 



사이트 제목, 사용자명등 정보를 입력한 뒤에 워드프레스 설치하기를 클릭합니다.
사이트 제목과 사용자명에는 자신이 사용하기 원하는 제목과 사용자명을 입력하면 됩니다.



설치가 완료되었습니다. 로그인 버튼을 클릭합니다.



이제는 설치가 완료된 워드프레스 사이트에 로그인 하도록 하겠습니다.
조금전 설정한 사용자명과 비밀번호를 입력하여 로그인 합니다.


로그인 하면 워드프레스 관리자 화면이 정상적으로 보입니다. 




워드프레스 데이터베이스 만들기

워드프레스를 사용하려면 데이터베이스가 있어야 합니다. 데이터베이스는 오토셋을 이용해서 간편하게 생성할 수 있습니다.
오토셋을 실행합니다. 오토셋 실행 후 메뉴에서 제어 > phpMyAdmin 접속을 클릭합니다



phpMyAdmin 접속 화면이 브라우져 화면에 출력됩니다. phpMyAdmin을 이용해서 워드프레스의 데이터베이스를 통합 관리할 수 있습니다.



로그인을 하기 위해서 사용자명에 root를 암호에 autoset을 입력하고 실행버튼을 클릭합니다.




phpMyAdmin은 php라는 프로그래밍 언어로 만들어진 데이터베이스 관리도구입니다. 기본적으로 워드프레스의 데이터베이스는 MySQL을 많이 사용합니다. 오토셋에서도 디폴트로 MySQL을 사용해서 접속을 합니다.


왼편에는 생성되어있는 데이터베이스가 보입니다. 아직까지는 워드프레스와 관련된 데이터베이스가 생성되지는 않았습니다. 그럼 워드프레스 데이터베이스를 생성하겠습니다.



화면 상단의 데이터베이스 탭을 클릭합니다.



새 데이터베이스 만들기 항목이 나타납니다. 입력 필드에 wordpress라고 입력한 뒤 만들기 버튼을 클릭합니다.



만들기 버튼을 클릭하면 워드프레스의 데이터베이스가 즉시 생성이 됩니다.


왼쪽 메뉴에도 wordpress가 생성된 것을 확인 할 수 있습니다.





워드프레스 플랫폼 다운로드

지난 시간에 오토셋을 설치하고 설정하는 방법을 알아보았습니다.

지난 시간)
이제는 우리가 만드는 웹사이트의 두뇌에 해당되는 워드프레스 플랫폼을 다운로드 해서 설치하도록 하겠습니다. 다운로드 버전은 포웰 4.2.2 버전으로 진행합니다.

워드프레스의 한글판 최신 버전인 4.2 포웰(Powell)을 설치하기 위해서 워드프레스 배포 공식 한글 사이트로 들어가야합니다. (4.2 포웰은 4월23일 릴리즈 되었습니다.)

다음 URL로 접속합니다. 워드프레스 한국어 공식 사이트 : https://ko.wordpress.org

워드프레스 공식사이트에 들어가면, 최신버전인 4.3.1을 다운로드 할 수 있습니다. 






그렇지만, 4.3.1 최신버전보다 현재 많이 사용하고 있는 4.2.2 버전을 다운로드 하겠습니다.
오른쪽 화면에서 이전 버전을 클릭합니다.



화면에서 4.2.2 버전의 zip 화일 부분을 클릭해서 워드프레스 플랫폼을 다운로드 받습니다.


wordpress-4.2.2-ko_KR.zip 화일이 내PC에 다운로드 폴더에 다운로드 되었습니다.



다운로드 된 wordpress-4.2.2-ko_KR.zip 화일의 압축을 해제합니다.



압축이 해제된 폴더를 확인합니다.
윈도우 탐색기에서 wordpress-4.2.2-ko_KR 폴더에 들어갑니다.



wordpress라는 폴더가 보입니다. 이 폴더가 워드프레스의 플랫폼 전체가 담겨져 있는 폴더입니다.
이제 wordpress폴더 안에 있는 모든 내용을 내PC 오토셋 폴더에 복사해서 붙이면 플랫폼 설치를 위한 준비가 끝납니다.



오토셋은 현재 C:\AutoSet8에 설치되어 있습니다.
C:\AutoSet8\public_html 폴더 안으로 들어갑니다.




오토셋을 설치할 때 기본적으로 워드프레스가 설치가 되어있습니다. 그래서 public_html 폴더 안에 보면 wordpress 폴더가 존재하는 것입니다.
그렇지만 오토셋이 설치될 때 기본적으로 설치되는 워드프레스는 영문 버전이므로 삭제를 하고 조금 전에 다운로드 받은 한글판 워드프레스로 바꾸는 것이 좋습니다.



wordpress 폴더를 선택하고 폴더째 삭제하고 public_html에 다운로드 받은 워드프레스 4.2.2의 wordpress 폴더를 복사해서 붙여넣겠습니다.

C:\AutoSet8\public_html 안에 있는 기존의 wordpress 폴더를 삭제합니다.



그리고 다운로드 받았던 wordrpess 폴더를 삭제했던 곳에 복사해서 붙여넣습니다.




간단한 복사 작업으로 워드프레스 플랫폼의 설치 준비가 완료되었습니다. 워드프레스의 훌륭한 점이 바로 이런 부분입니다. 
새로운 버전이 나오고 기능이 업데이트 되어도 간단하게 시스템을 리뉴얼 할 수 있는 것입니다.(다운로드 받은 워드프레스 플랫폼의 설치는 다음 글 워드프레스 데이터베이스 만들기 에 이어서 진행하겠습니다.)



워드프레스 오토셋 매니저 설정하기

오토셋 매니저를 사용하면 워드프레스를 구성 환경인 웹서버, DB 서버등을 편리하게 서버의 기동이나 설정 제어등을 통합관리 할 수 있습니다.

오토셋 설치가 끝나면 다음과 같은 매니저 콘솔이 뜨게 됩니다. 처음에 오토셋이 설치되면 오른쪽 상단에 표시된 것과 같이 실행중인 서버가 아직 없습니다. 라는 메시지가 보입니다.
워드프레스를 사용하려면 데이터베이스 서버인 MySQL과 웹서버인 아파치 서버가 실행되어 있어야 합니다.



그럼 워드프레스의 데이터베이스가 될 MySQL을 구동하겠습니다.
먼저 제어 메뉴를 클릭합니다. MySQL 시작 메뉴를 클릭해서 MySQL을 시작합니다.
(이미 MySQL이 자동 시작되었다면, MySQL 멈춤 으로 표시되어 있습니다. 이때는 자동 시작상태이기 때문에 추가로 시작할 필요가 없습니다.)




MySQL이 실행되고 있습니다.


3306 포트를 사용해서 MySQL이 구동된 것을 알 수 있습니다.





다음은 오토셋의 설정을 하겠습니다.
메뉴에서 설정 > 오토셋 설정 > 오토셋 기본 정보를 클릭합니다.



오토셋이 시작되고 종료될 때에 자동으로 웹서버와 MySQL를 시작 종료하는 옵션이 보입니다. 오토셋을 실행할 때마다 수동으로 웹서버와 MySQL을 실행하려면 번거럽기 때문에 시작/종료 옵션에 미리 설정해 두는 것이 좋습니다.



시작 옵션과 종료 옵션부분의 네 가지 부분을 체크합니다.




체크를 한 뒤에 스크롤을 내려 화면 맨 아래부분에 있는 변경사항 적용 버튼을 클릭합니다.




오토셋은 기본적으로 다음과 같이 포트를 사용합니다. 웹서버 80포트, 데이터베이스인 큐브리드와 MySQL은 기본적으로 각각 33000포트, 3306포트를 사용합니다.


간혹 별도로 설치된 웹서버(WAMP)나 별도 설치된 아파치, MySQL의 동작 간섭으로 프로그램이 충돌나는 경우가 있습니다. 이런 경우에는 다음과 같이 윈도우 제어판에 들어가서 수동으로 충돌 오류를 해결할 수 있습니다.

윈도우 > 제어판 > 관리도구 > 서비스로 들어갑니다.



충돌 상황 발생시나 서버가 멈추었을 때는 이곳에서 수동으로 서비스를 시작할 수 있습니다.
해당 서비스를 선택한 뒤에 마우스 오른쪽 버튼을 클릭해서 ‘속성’을 클릭합니다.




속성을 클릭하면 시작 유형에서 자동, 수동등으로 서버의 실행 및 중단을 강제적으로 설정할 수 있습니다.
서버가 멈추어져 있다면 시작 버튼을 클릭해서 다시 서버를 기동할 수 있습니다. 반대로 서버를 멈추려고 한다면 중지 버튼을 클릭하면 됩니다.








오토셋 설치로 손쉽게 워드프레스 환경 구성하기

오토셋을 사용해서 자동으로 워드프레스를 환경을 구성할 수 있습니다. 오토셋 홈페이지에 들어가면 오토셋을 무료로 다운로드 할 수 있고, 매뉴얼도 제공되고 있습니다. 그럼 오토셋을 설치해보도록 하겠습니다.






메뉴중에서 ‘무료 다운로드’를 클릭합니다.





오토셋 은 현재 9.0 버전까지 제공합니다. 여기서는 8.0버전을 다운로드 받아서 설치하도록 하겠습니다.8.0 버전에서는 큐브리드 데이터베이스를 포함하고 있습니다.(9.0 버전을 다운로드 받아도 무방합니다.)

‘오토셋 8.0 패치3 (64비트 PC용) 설치 파일’ 을 다운로드 하기 위해서 클릭합니다.
(자신의 시스템에 따라서 32비트나 64비트용을 맞게 다운로드 합니다.)




소스 다운로드 사이트로 이동하면서 자동으로 다운로드가 실행됩니다. 용량은 153MB 정도가 됩니다.






오토셋 프로그램이 내컴퓨터의 다운로드 폴더에 다운로드 되었습니다.




다운로드 받은 실행 파일을 더블 클릭하여 실행합니다.
설치 언어 선택에서 언어를 선택한 뒤에 확인을 클릭합니다.




다음 버튼을 클릭합니다.



사용자 계약에 동의합니다 를 선택한 뒤 다음 버튼을 클릭합니다.



오토셋 을 설치할 폴더를 정하는 곳입니다.
디폴트인 C:\AutoSet에 설치를 진행하겠습니다. 다음 버튼을 클릭합니다.




구성 요소를 선택하여 설치하는 화면입니다.
전체 설치(Full installation)을 선택한 뒤 다음 버튼을 클릭합니다.

(※ 전체 설치를 하기때문에 최소 설치 공간 673.6MB가 필요합니다.)



프로그램 바로가기를 만들 위치를 정하는 옵션입니다.
디폴트 상태에서 다음 버튼을 클릭합니다.
설치 준비가 완료되었습니다. 설치 버튼을 클릭해서 설치를 진행합니다.



설치가 진행되고 있습니다.



오토셋 설치 중간에 Visual C++ 라이브러리를 자동으로 설치됩니다.

오토셋에 대한 라이센스 정보와 제품 정보를 확인할 수 있습니다.
다음 버튼을 클릭합니다.




오토셋 설치가 완료되었습니다. 오토셋8 매니저 실행에 체크를 한 뒤에, 완료 버튼을 클릭합니다. 



오토셋이 실행되면서 초기화를 시작합니다.



오토셋 매니저가 실행되면 오토셋 설치가 완료된 것입니다.




설치시 유의사항

※ 설치중에 방화벽 허용 여부를 묻는 화면이 나오면 액세스 허용을 클릭해야 합니다.




※ 설치시 다음과 같은 에러메시지가 뜬다면 Viusal Studio 런타임 환경이 구성되어 있지 않은 경우입니다.



이런 경우에는 오토셋 사이트에서 비쥬얼 스트디오 런타인 환경을 다운로드 받아서 설치해야 합니다.



Visual C++ Redistributable for Visual Studio 2012 Update 3 다운로드를 클릭해서 다운로드를 진행합니다.

다운가능한 주소는 다음과 같습니다.



다운로드 버튼을 클릭해서 설치를 진행합니다.



다운로드 받은 비주얼 스튜디오 런타임 환경을 설치합니다.








워드프레스에서 WAMP는 무엇을 의미하는가?

워드프레스를 설치 할 때 접하는 단어가 있습니다. WAMP 라는 단어입니다.
WAMP를 알려면, 워드프레스를 구성하는 시스템이 무엇인지 내용을 파악해야합니다.

워드프레스를 구성하려면 기본적으로 다음과 같은 시스템 및 서버가 필요합니다.

1. 웹서버 : 아파치 웹서버
2. 데이터베이스 서버 : MySQL
3. 웹 어플리케이션을 만드는 웹프로그래밍 언어 : PHP

워드프레스를 구동하기 위해서 웹서버와 데이터베이스 서버가 준비되어야하고, 웹서버 위에서 구동 될 어플리케이션을 구성할 PHP 프로그램이 필요합니다.
사용자가 이 세 가지 서버를 다운로드 받아서 설치하고 개별적으로 설정해서 사용해도 되나, 그것은 무척 번거로운 일입니다.
그래서 사용하는 것이 WAMP 입니다.

WAMP는 다음과 같은 약어로 각 서버 및 어플리케이션의 도구의 이름을 나타냅니다.
WAMP = W : Window + A : Apache + M : MySQL + P : PHP

WAMP는 워드프레스를 구동하기 위해서 필요한 운영체제와 서버를 모아놓은 일종의 서버셋이라 볼 수 있습니다.

먼저 AMP라고 하면 Apache + MySQL + PHP를 이야기합니다.

Apache는 웹서버라고 일반적으로 부르기도 하며, 웹 서버 + 웹어플리케이션 서버 역할을 수행합니다.
MySQL은 중소형이나 개인이 보편적으로 많이 사용하는 데이터베이스 서버이고,
PHP는 웹에서 프로그래밍 할 수 있는 웹프로그래밍 언어라고 보시면 됩니다.

운영체제에 따라서 AMP의 종류가 나누어 집니다.

윈도우 시스템이면, WAMP = W(Window) + AMP
리눅스 시스템이면, LAMP = L(Linux) + AMP
매킨토시 시스템이면, MAMP = M(Macintosh) + AMP 로 분류됩니다.

WAMP를 Wampserver 사이트에 다운로드 할 수 있습니다.






워드프레스 환경 구성에 편리한 오토셋

국내에서는 WAMP 보다 조금더 편리하게 개발된 오토셋(AutoSet)을 많이 사용합니다.
오토셋(AutoSet)은 말그대로 자동으로 워드프레스를 설치하기 위한 웹서버, 데이터베이스 서버등을 자동으로 설치하고, 세팅 및 관리할 수 있는 프로그램입니다. 

오토셋을 통해서 웹 서버(Apache HTTP Server)와 PHP, MySQL, CUBRID 등을 설치와 세팅을 손쉽게 관리할 수 있습니다.
오토셋(AutoSet) 덕분에 3분이면 뚝딱 워드프레스 시스템 환경을 구성할 수 있습니다.






AutoSet은 1분 1초가 아까운 운영자를 위해서 쉽고 빠르게 워드프레스 운영 환경을 구축하기 위해 만들어진 프로그램입니다.

오토셋의 특징은 다음과 같습니다.

첫째, 초보자도 3분이면 뚝딱 자신의 컴퓨터에 웹사이트를 구축할 수 있는 환경을 만들 수 있습니다.
둘째, AMP의 설치뿐 아니라 서버의 운영이나 설정도 손쉽게 관리할 수 있는 프로그램입니다.
세째, 오토셋은 2001년 우프넷 서버라는 명칭으로 최초 배포후 사용자의 참여로 진행되고 있는 프로그램입니다.
네째, 오픈 소프트웨어의 조합으로 무료로 이용할 수 있는 프로그램입니다. 라이센스는 개별 프로그램 정책에 따라 달라질 수 있습니다.
다섯째, 오토셋은 개인이 시간을 내어 진행하고 있는 프로젝트로 네이버 개발자 센터를 통해서 운영되고 있습니다.
 


+ Recent posts