'Eclipse'에 해당되는 글 2건

  1. 2007.08.09 Eclipse + myEclipse + Flex
  2. 2007.07.02 Eclipse 3.x 단축키

Eclipse + myEclipse + Flex 를 이용해서 Flex 개발 환경을 설정한다.

1. Eclipse 3.2 를 설치한 후, myEclipse 5.5 를 설치한다. 마지막으로 Flex 2 builder 를 eclipse plug-in 버전으로 설치한다.(myEclipse랑 Flex 설치할 때 eclipse 폴더를 지정하는 것만 주의한다.)

2. 설치가 완료되면 New - Project 에서 'Web Project'를 선택한다.
※ Flex Project를 선택하지 않는다.

사용자 삽입 이미지

3. 프로젝트 명을 입력하고 [Finish]를 눌러서 프로젝트를 생성한다.
사용자 삽입 이미지

4. 퍼스펙티브를 마이이클립스로 바꾸라는 것인데, 그냥 바꿔준다.
사용자 삽입 이미지
5. 생성된 프로젝트는 아래와 같은 구조로 되어 있다.
프로젝트 이름이 Context root 가 되고, src 폴더와 WebRoot 폴더가 생성된다.
사용자 삽입 이미지

6. 프로젝트에 Flex Project 속성을 부여한다.
Flex Project Nature -> Add Flex Project Nature 선택
사용자 삽입 이미지

7. Flex Project 속성을 부여하면 프로젝트 구조가 아래 처럼 바뀐다.
사용자 삽입 이미지

8. 에러를 해결하기 위해 에러 윈도우에서 에러를 선택한 후 마우스 오른쪽 버튼을 클릭해서 'Recreate HTML Templates'를 누른다.
사용자 삽입 이미지

9. 에러를 해결하면 아래처럼 템플릿이 추가된다.
사용자 삽입 이미지

10. 사용하지 않을 폴더를 제거한다. bin 폴더는 불필요하니 제거한다.
사용자 삽입 이미지


11. 소스 폴더를 생성한다.(프로젝트 아래에 생성하며, 이름은 자유롭게 정한다.)
사용자 삽입 이미지


12. output 폴더를 생성한다.(WebRoot 밑에 '소스 폴더 이름\bin'으로 정한다.)
사용자 삽입 이미지

13. flex build path를 추가한다.
( 퍼스펙티브를 Flex Development로 바꾼 후, 프로젝트를 선택하고 오른쪽 버튼을 눌러 Properties를 누른다. Flex Build Path를 선택한다. )
사용자 삽입 이미지

14. Main source folder에는 방금 생성한 소스 폴더를(flex) 지정하고, Output folder에는 방금 생성한 output 폴더(WebRoot\flex\bin)를 지정한다.
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지

15. 설정이 다 되었으면 이제 애플리케이션을 Tomcat 서버에 deploy한다.
먼저 마이이클립스의 deploy 버튼을 눌러서(아래 그림 화살표 위치) deploy 창을 띄우고
deploy할 프로젝트를 선택한 후 [Add] 버튼을 누른다.
사용자 삽입 이미지
창이 뜨면 현재 설치해 둔 서버를 선택한다.(여기서는 Tomcat 5.x 버전 선택)
※ Deploy Location이 애플리케이션이 deploy되는 위치다.
사용자 삽입 이미지
[OK] 버튼을 눌러서 적용한 후, deploy를 한다.

16. deploy를 마쳤으면, [서버] 버튼(아래 그림 왼쪽 위)을 눌러서 Tomcat 서버를 띄운다.
사용자 삽입 이미지

17. 서버가 뜨고 나면, http://localhost:8080/FlexTest/ 로 접근해서 정상 동작 중인지 확인한다.
사용자 삽입 이미지

18. Flex Development 퍼스펙티브에서 Flex 화면을 디자인한다.
먼저 퍼스펙티브가 Flex Development인지 확인한 후 소스 폴더를 선택하고, 마우스 오른쪽 버튼을 누른다. new 를 선택한 뒤, MXML application을 선택한다. 이름을 지정한 뒤(mainTest.mxml) 생성되면 더블 클릭한다. 편집 창이 뜨면 'Design' 텝을 눌러서 GUI 환경으로 바꾼다. Components 텝에서 component를 가져다가 화면을 편집하고 저장한다.
사용자 삽입 이미지

19. 서버를 내리고, 다시 deploy를 해준다.
사용자 삽입 이미지

20. 서버를 기동시킨 후, http://localhost:8080/FlexTest/flex/bin/mainTest.html/ 로 접속해서 확인한다.
사용자 삽입 이미지

여기까지 되면 Flex Project 생성 끝!!!

http://flexdocs.kr/docs/flex2/
Posted by 라딘.

댓글을 달아 주세요

Eclipse 단축키
Eclipse 의 모든 단축키는 Window >> Preferences >> General >> Keys 메뉴에서 확인 및 변경이 가능하다.(3.x 기준)

편집(Edit)
Ctrl + / : 주석 설정
Ctrl + Shift + / : 블럭 주석 설정
Ctrl + Space : 입력 보조장치(Content Assist) 강제 호출 => 입력하는 도중엔 언제라도 강제 호출 가능하다.
Ctrl + Shift + Space : 메소드의 가로안에 커서를 놓고 이 키를 누르면 파라미터 타입 힌트를 볼 수 있다.
ALT + 위(아래) : 위(아래)줄과 바꾸기
CTRL + D : 한줄 삭제
Ctrl + Shift + F : 코드 자동 정리

Ctrl + Shift + O : 자동으로 Import 시키기
Ctrl + Shift + M : 특정 클래스 Import 시키기
Ctrl + Shift + G : 특정 메써드나 필드를 Reference하고 있는 곳을 찾는다.

Alt + Shift + UP : 커서를 기준으로 토큰단위 블럭지정
Alt + Shift + DOWN : 커서를 기준으로 토큰단위 블럭해제
Ctrl + Alt + 위(아래) : 한줄(블럭) 복사
CTRL + L : 특정 줄번호로 가기
Alt + Shift + J : 자동으로 주석 달기 (메소드나 멤버변수에 포커스 두고 실행)

Ctrl + Shift + Down : Java Editor에서 다음 member로 이동.

재구성(Refactor)
Alt + Shift + R : Rename
Alt + Shift + T : 해당 코드에서 가능한 Refactor 메뉴 보기

실행/디버그(Run/Debug)
Ctrl + 1 : Quick Fix. 에러가 발생했을 경우 Quick Fix를 통해 쉽게 해결이 가능하다.
F2 : 컴파일 에러의 빨간줄에 커서를 갖져다가 이 키를 누르면 에러의 원인에 대한 힌트를 제공한다.
Ctrl + L : 원하는 소스 라인으로 이동

CTRL + Shift + B : 현 커서의 위치에 브레이크 포인터 설정/해제
F11 : 디버깅 시작
F8 : 디버깅 계속
F6 : 한줄씩 실행(Step Over)
F5 : 한줄씩 실행하되 함수일 경우 그 함수 내부로 들어감(Step Into)
CTRL + R : 현재 라인까지 실행(Run to Line)

Ctrl + O : 모든 클래스, 프로퍼티 트리 보기, 선택가능
Ctrl + , or . : 다음 annotation(에러, 워닝, 북마크 가능)으로 점프

찾기(Search)
Ctrl + Shift + T : 클래스 찾기
F4 : 클래스명을 선택하고 누르면 해당 클래스의 Hierarchy 를 볼 수 있다
Ctrl + F : 찾기
Ctrl + K : 다음찾기
Ctrl + Shift + K : 이전찾기

창(Window)
CTRL + SHIFT + F4 : 열려있는 창 모두 닫기
CTRL + F4 : 현재 활성화 중인 창 닫기
Ctrl + Shift + L : 단축키 보기 (한 번 더 누르면 키 설정메뉴로 들어감)
CTRL+F6  : ULTRAEDIT나 EDITPLUS 의 CTRL+TAB 과 같은 기능.

===== 템플릿 사용 =====
1. sysout 입력한 후 Ctrl + Space 하면 System.out.println(); 으로 바뀐다.
2. try 입력한 후 Ctrl + Space 하면 try-catch 문이 완성된다.
3. for 입력한 후 Ctrl + Space 하면 여러가지 for 문을 완성할 수 있다.
4. 템플릿을 수정하거나 추가하려면 Window >> Preferences >> Java >> Editor >> templates 에서 할 수 있다.

Posted by 라딘.

댓글을 달아 주세요