워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

환경: Eclipse OXYGEN

 

워드프레스는 PHP 로 개발된 설치형 웹 사이트입니다. 오픈소스이며 누구나 다운받아서 수정한 후 재배포할 수 있습니다. 흔히 워드프레스로 블로그를 많이 제작합니다. 전세계인들이 제작한 수많은 무료 테마를 사용할 수 있기 때문에 퀄리티 있는 사이트를 쉽고 간단하게 제작할 수 있습니다. 오늘은 로컬에서 워드프레스 개발을 위해 소스를 다운받아 이클립스와 연결해 보도록 하겠습니다. 구동은 다음 포스팅에서 설명하겠습니다.

 

먼저 PHP 용 이클립스를 다운받아야 합니다. 자신의 컴퓨터가 64비트라면 이클립스 다운로드 페이지로 접속해서 DOWNLOAD 64 BIT 버튼을 클릭합니다. 만약 32비트라면 바로 아래 Download Packages 를 클릭합니다.

http://www.eclipse.org/downloads/

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

다음 페이지에서 DOWNLOAD 버튼을 눌러 프로그램을 받습니다. 해당 프로그램은 이클립스가 아닙니다. 이클립스를 설치하기 위한 인스톨러 입니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

다운받은 인스톨러를 실행해 보세요. 화면에 설치 가능한 이클립스들이 나타납니다. 그 중에서 Eclipse IDE for PHP Developers 를 선택해서 프로그램을 다운받습니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

설치가 끝나고 Eclipse IDE for PHP Developers 를 실행하면 제일 먼저 해야 될 일이 작업 공간을 지정하는 것입니다. Workspace 폴더는 워드프레스 소스가 복사되어 있는 AutoSet > public_html 폴더로 지정합니다. 오토셋과 관련된 내용은 아래 링크된 포스팅을 참고하세요.

 

“PHP 환경설정 오토셋(AutoSet) 설치하는 방법” 

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

Workspace 폴더 지정이 끝나고 이클립스 메인화면이 뜨면 오른쪽 상단에 Workbench 를 클릭해서 소개 화면을 닫고 개발 화면을 엽니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 


다음은 워드프레스 소스를 실행하고 관리할 프로젝트를 만듭니다. 워드프레스는 PHP 언어로 만들었기 때문에 PHP Project 를 생성해야겠죠. File > New > PHP Project 메뉴를 클릭합니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

프로젝트 생성 화면에서 Project name 에 이름을 입력합니다. 그리고 아래로 내려가 다음을 클릭합니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

PHP Include Path 에서도 설정할 것이 없습니다. 다음을 눌러 넘어갑니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

세 번째인 PHP Build Path 에서도 별도로 설정할 것은 없습니다. Finish 를 눌러 프로젝트 생성을 끝냅니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

프로젝트 생성이 끝난 후 실제 폴더로 가 보세요. 프로젝트와 관련된 파일과 폴더가 생성되어 있습니다. 이제 이곳에 워드프레스 소스를 다운받아 붙여 넣겠습니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

워드프레스 다운받아 소스 복사하기

 

워드프레스 소스를 다운받기 위해 사이트로 접속합니다. 화면 오른쪽 하단에 최신 워드프레스 다운로드 버튼이 있습니다. 대부분 텍스트로 된 소스이기 때문에 용량은 얼마 되지 않습니다. 그리고 현재 최신 버전은 4.8 입니다.

https://ko.wordpress.org/

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

워드프레스 소스를 다운받아 압축을 푼 결과 입니다. 이것을 전체 복사합니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

복사한 워드프레스 소스를 이클립스에서 만든 프로젝트 작업공간에 붙여 넣습니다. 새로 추가한 소스를 이클립스에서 인식하기 위해서는 한가지 더 작업이 필요합니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1

 

이클립스로 돌아와서 프로젝트를 선택하고 F5 를 눌러 화면을 Refresh 합니다. 그럼 폴더에 추가한 소스가 나타납니다. 이제 이클립스와 연계한 워드프레스 개발 환경이 끝났습니다. 다음은 구동을 해 봐야겠죠. 다음 포스팅에서 진행하도록 하겠습니다

워드프레스 개발환경 - 워드프레스 개발을 위한 이클립스 환경 설정하는 방법 1


저작자 표시 비영리 변경 금지
신고
Posted by 녹두장군