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


초창기 국내에서 자바 진영을 시작으로 각광받았던 이클립스는 이제는 소스코드 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 를 진행하면서 소스를 가져옵니다.



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




이클립스를 편리하게


이클립스는 자바나 안드로이드 프로그래밍을 할 때 개발자들이 가장 많이 사용하는 개발도구입니다. 이클립스 같은 개발도구를 IDE 개발도구라고 명명합니다. 이클립스에는 개발을 위한 많은 기능들이 내장되어 있습니다. 이클립스만 제대로 공부하는데에도 책한권 분량의 메뉴얼이 있습니다. 오늘은 이클립스를 사용하면서 편리한 두 가지 팁을 공부하고자 합니다. 

첫번째는 소스코드의 자동 정렬기능이고 두번째는 소스코드를 입력하는 편집기내에 프린트 안내선을 설정하는 것입니다.



가독성과 이클립스의 소스코드 자동정렬 기능


프로그래밍을 할 때 소스코드의 정렬은 가독성에 무척 중요한 요소입니다. 작성한 소스코드가 제대로 정렬되어 있지 않다면 다른 사람뿐아니라 프로그래밍을 한 자신도 차후에 해당 코드를 수정할 때 코드를 알아보는데 시간이 소요됩니다.

실제 개발 현장에서는 긴급 사항으로 빠른 시간내에 소스코드를 대량으로 수정하는 일이 비일비재하게 발생합니다. 예를 들어서 운영중인 시스템의 시스템 정기 반영시점에 테스트를 한다고 했더라고 실제 운영 반영시점에서 오류를 발생할 수 있기 때문입니다.



요즈음과 같이 많은 거래가 웹사이트에서 이루어지는 상황에서 시스템이 오류로 먹통이 되는 상황이 발생한다면 그것은 엄청난 규모의 비용 손실을 가지고오게 됩니다. 따라서 그런 전산 시스템 상의 긴급 상황이 발생했을 때는 직전 소스로 복원하는 일을 진행하거나 소스 코드를 긴급 수정해야 합니다.

소스코드의 정리와 정돈은 단순히 코드의 가독성뿐만 아니라 긴급 투입된 개발자가 빠른 시간에 문제를 해결하는데 큰 도움을 주는 것이 사실입니다.



이클립스가 사용하지 않던 과거에는 개발자가 스스로 소스코드를 수작업으로 정렬하는 일이 많았습니다.
그렇지만 이클립스는 소스코드를 자동 정렬하는 기능을 지원합니다.

사용 방법은 간단합니다. 이클립스에서 단축키로 Ctrl + Shift + F 를 클릭하면 소스코드가 자동 정렬됩니다.

자동 정렬되는 규칙을 변경하기 위해서는 이클립스 메뉴에서 Window > Preference 화면에 들어갑니다.
왼쪽 트리 메뉴에서 Java > Code Style > Formatter에서 자동 정렬 규칙을 설정할 수 있습니다. 오른쪽에 Edit 버튼을 클릭합니다.



Edit 버튼을 클릭하면 다음과 같은 설정 화면이 뜹니다. 만약 TAB키를 누를때마다 스페이스바를 네번 누른것과 같은효과를 얻으려면 Tab size에 4를 입력하면 됩니다.





소스코드의 가독성을 높이는 프린트 안내선 표시


사용하는 노트북이나 컴퓨터마다 해상도가 틀리기 때문에 코드를 가로 방향으로 어느 부분까지 작성할지 설정할 수 있습니다.
이클립스는 가장 적정한 코드선을 프린트 안내선으로 제공한다.

이클립스 메뉴에서 Window > Preference에 들어가서 Text Editor를 클릭합니다.
오른쪽 항목에서 Show print margin 을 체크합니다. 디폴트가 80입니다. OK 버튼을 클릭합니다.



이클립스의 소스코드창에 세로로 프린트 안내선이 생성되었음을 볼 수 있습니다.  프린트 안내선은 프린트 용도 뿐아니라 소스코드의 가독성을 높이는데 활용할 수 도 있습니다.


통합 자바 개발도구 이클립스(eclipse)


자바를 통한 프로그래밍을 하기 위해서는 개발에 도움을 주는 개발도구를 설치하는 것이 좋습니다. 통합 자바 개발도구로 이클립스(eclipse)를 권고합니다. 이클립스는 세계에서 가장 많이 사용되는 범용적인 개발 도구이면서 무료로 사용가능한 도구입니다.



이클립스 설치하기


이클립스를 설치하기에 앞서서 먼저 자신의 로컬컴퓨터에 설치할 폴더를 생성해야합니다. 별도의 폴더를 생성하지 않는다면 c:\eclipse 에 설치해도 무방합니다. 그렇지만 개발 환경을 구성하기 위해서는 여러가지 프로그램과 플러그인들을 설치하다보면 개발용 폴더를 만들고 사용하는 것이 편리합니다.

여기에서는 개발용 폴더를 만들고 그 폴더안에 이클립스를 설치하겠습니다. 개발용 폴더를 만들기 위해서 윈도우 탐색기에서 c:\ 에 dev란 폴더를 생성합니다. 이클립스는 c:\dev 안에 설치할 것입니다.

이클립스를 다운로드 받기 위해서 이클립스 다운로드 사이트로 이동합니다.




아래의 이클립스 다운로드 사이트에서 Eclipse IDE for Java EE Developers 목록의 Windows 64 Bit를 클릭합니다.




다운로드 버튼을 클릭해서 이클립스 압축화일을 다운로드 합니다. 다운로드 버튼을 클릭하면 donation 기부 관련 화면이 나타납니다. 기부를 하지 않아도 사용이 가능하기때문에 걱정하지 않아도 됩니다.



이클립스 압축을 풀어서 eclipse 폴더를 통째로 c:\dev 폴더안에 복사합니다. 이클립스는 압축을 풀고 폴더에 복사해 놓으면 설치가 모두 완료된 것입니다.





이클립스 실행 및 설정하기


이클립스를 실행하기 위해서는 elipse 폴더안에 eclipse.exe 를 클릭하면 됩니다. eclipse.exe를 클릭하여 실행합니다.



처음 이클립스가 실행되면 작업폴더 설정 화면이 나타납니다. 개발용 dev 폴더를 만들었으므로 dev 폴더안에 작업폴더인 workspace 폴더를 설정합니다.
아래와 같이 폴더를 선택하거나 입력한 뒤에 OK 버튼을 클릭합니다.





이클립스 기본 문자 집합을 UTF-8로 설정하기


처음에 이클립스를 실행하면 기본 문자집합은 MS949로 되어있습니다. 이 상태에서 java 코드를 작성하면 MS949로 인코딩됩니다. 그렇지만 MS949는 한글 사용시에 문자가 깨지는 문제가 발생하기때문에 기본 문자셋을 국제표준 유니코드 문자집합인 UTF-8로 변경하겠습니다.

이클립스 메뉴에서 Window > Preferences를 클릭합니다.



Preferences 창에서 왼쪽 메뉴에서 General > Workspace 를 클릭합니다.
Text file encoding 항목에서 Other 부분을 UTF-8로 변경한 뒤 OK 버튼을 클릭합니다.



왼쪽 메뉴에서 Web 노드 밑의 다음 항목(CSS Files, HTML Files, Java Server Faces, JSP Files, Web Page Editor )에 대해서도 UTF-8 이나 EUC-KR을 확인합니다.



+ Recent posts