[Eclipse] Visual Editor 플러그인 설치

출처 : http://okjkillo.tistory.com/152

자바 프로그래밍을 이용하여 UI를 만드는 것은 쉽지 않은 일이다.
MFC나 C#에서 처럼 인터페이스를 작성하기 쉬운 폼을 기본으로 제공하는 것이 아니다보니
일일이 위치며 레이아웃등을 지정을 해줘야 하는 상황이 발생한다.
논리적인 프로그래밍을 지향하는 자바 프로그래밍에서 이렇게 사람을 고생시키는 것일까?

Eclipse의 플러그인(Plug-in)으로 Visual Editor를 사용하면 보다 쉽게 UI를 설계할 수 있다.
물론 JBuilder나 Netbeans을 사용하여 UI를 작성할 수도 있다.

이클립스를 선호하기 때문에 이클립스에서 Visual Editor를 플러그인으로 설치하는 방법을 알아보고자 한다.

이클립스에서 플러그인을 설치하기 전에 Visual Editor를 다운받도록 하자.

http://www.ehecht.com/eclipse_ve/ve.html

위의 주소를 클릭하여 이동하면 중간 부분에 이클립스 3.4 ganymede의 링크가 있다.

윈도우를 사용한다면 마지막에 *win.zip를 다운로드 하여 찾기 쉬운 위치에 압축을 풀고, 이클립스를 실행시킨다.

이클립스 메뉴바에서 [Help] - [Software Updates]를 클릭하면 다음과 같은 화면이 뜬다.

빨간색 블럭으로 된 "Add Site"를 클릭하면 다음과 같은 화면이 나타난다.

우리는 Local 즉, 현재 압축을 풀어 놓은 폴더를 사용할 것이므로 "Local"을 클릭한다.
"Local"을 클릭하면 다음과 같이 폴더 찾아보기가 나타나고 압축이 풀어진 폴더를 클릭한 후 확인을 누르면 된다.

다음 그림과 같이 추가된 부분을 클릭하고 상단의 "Install"을 클릭하면 된다.

인스톨을 실행하면 다음과 같은 화면이 나타난다.

"Finish"를 클릭하면 플러그인이 설치되고, 다음과 같이 이클립스를 새로 시작하겠다는 메시지가 나오면 "Yes"를 클릭하면 플러그인 설치가 완성된다.

이클리스가 다시 로드가 되면 [File] - [New] - [Other]를 클릭해서 Visual Class로 새 클래스를 생성할 수 있다.

"Next"를 누르고 다음 화면에서와 같이 Name 부분에 클래스 이름을 선택하면 클래스가 생성된다.

"Finish"로 생성이 되면 그림과 같이 UI를 설계할 수 있는 창과 소스 코드가 보이는 창으로 나뉘어진 화면이 나타난다.

위의 UI Component에 해당하는 부분에서 ▼ 부분을 클릭하여, Swing Component, Swing Containers, Swing Menus, AWT Controls을 선택하여 UI를 설계할 수 있게 된다.

인스톨된 플러그인의 삭제는 [Help] - [Software Updates]에서 다음 그림과 같이 설치된 플러그인을 선택하고
"Uninstall"을 클릭하고, 수행이 끝나면 이클립스를 다시 시작한다.