웹마스터 팁
XE 이클립스 개발환경 만들기
2011.10.19 14:05
보통 XpressEngine(이하 XE)에 무슨 개발환경이 필요해!! 라는 생각을 할것입니다. 저도 마찬가지 입니다. 메모장이든 에디트 플러스든 울트라 에디터든 많은 텍스트 에디터 에서 HTML, CSS, JAVASCRIPT 만 수정하면 됩니다. 근데 왠 XE에 개발환경 세팅을 운운 하는것일까요? ㅎㅎ 아무 이유 없습니다. 그냥 이런식으로 하면 좀더 편하게 개발할수 있겠다 라고 생각했습니다.
[2] 요약
이클립스로 HTML, CSS, JAVASCRIPT 개발.
1. JDK 설치
2. 이클립스 설치
3. 이클립스FTP 플러그인
4. 개발 화면 설정
[3] 설치
1. JDK 설치
이클립스를 실행 하기 위해서는 JDK 또는 JRE가 필요합니다.
- JRE 다운로드 사이트 이동 ( http://java.com/ko/download/manual.jsp )
- 자신 사양에 맞는 JRE를 다운 받습니다. (64bit 에서 32bit 설치하면 이클립스가 제대로 동작하지 않습니다.)
- 다운로드한 파일을 실행하여 다음다음 누르시면 설치가 완료됨니다. ( C:\Program Files\Java\jre6 )
2. 이클립스설치
이클립스는 설치 프로그램이 아닌 포터플(설치불필요)프로그램 입니다. 이클립스 사이트에서 바로 다운 받습니다.
- 이클립스 다운로드 사이트 이동 ( http://www.eclipse.org/downloads/ )
- Eclipse IDE for JavaScript Web Developers 다운 (32bit/64bit 자신에 알맞는 버전 선택)
- 추천하는 미러사이트에서 다운
- 압축 해제 (이클립스는 무설치 프로그램입니다.)
- 실행 (eclipse.exe 실행)
3. 이클립스 플러그인 설치
주로 XE프로그램은 FTP 상에서 개발을 하기 때문에 FTP연동이 필요합니다. Aptana 프러그인을 설치하여 FTP를 사용할수 있도록 하겠습니다. (굳이 이클립스를 설치하지 않고 http://www.aptana.com/ 에서 aptana를 설치하셔도 됩니다.)
- Help > Install New Software... 선택
- Work with 에 ( http://download.aptana.com/tools/studio/plugin/install/studio ) 를 넣은후 Add
- Add Repository 창이 뜨면 Name를 입력한후 OK
- Name 에서 체크박스를 모두 선택후 Next
- Next 클릭
- I accept the ~ 체크후 Next
- 설치후 이클립스 재시작
4. 개발 화면 설정
XE를 개발하기 편한 화면으로 설정해 보도록 하겠습니다.
- 오른쪽 상단의 JavaScript 옆의 창모양아이콘 클릭 > Other... 클릭
- Aptana Web 선택후 OK!
- 화면이 바뀌는걸 볼수 있습니다.
- 왼쪽 바의 FTP에서 FTP를 추가할수 있습니다.
- FTP를 설정
- FTP를 설정하시면 아래와 같이 서버환경에서 작업 가능합니다.
출처 : http://hengki.net
댓글 7
-
똑디
2011.10.19 15:54
-
헉;; 이미지가 다 깨져나와요..
-
행키
2011.10.19 19:33
헉! 죄송합니다 ㅎ 블로그에 있는거 그대로 넘겨오다보니.. =ㅅ=) 다시 올려욧!
-
guny
2011.10.19 20:14
에딧플러스도 기술한 개발활경을 만들수 있습니다.
그래서 말인데요.
이클립스가 에딧플러스보다 나은점은?
-
행키
2011.10.19 22:26
서론에서 말한거와같이..;;ㅎㅎ 아무 이유 없습니다. 그냥 이런식으로 하면 좀더 편하게 개발할수 있겠다 라고 생각했습니다.에디트 플러스에서도 기본적으로 FTP 기능을 제공하고있죠 ㅎ에디트 플러스가 좋냐 이클립스가 좋냐.... 자신이 편한거 쓰시면되죠^^저는 이클립스가 에디터 플러스 보다 좋더라고요~이클립스가 나은점은.. 먼가 어색하게 들리겠지만.. 이클립스 기능을 사용할수 있다는점이겠죠;아래 보시는거와 같은 자동 완성, 문법체크 같은 기능 등도 있고요~ 다른 기능들도 많이 지원을하죠.. (얼버무리기;;)제가 여기에 공유한 내용은 저는 이런 환경으로 개발하니 편하더라~ 해서 글올려 봤습니다.
-
에디트플러스만 사용하다가...
플렉스를 공부하고 있는데 이클립스 플러그인으로 설치해서 개발할수 있더군요~
aptana와 병행해서 사용해도 좋겠다는 생각이 드네요^^;
다만... 에디트플러스를 너무 많이 사용해서... 옮겨 갈수 있을지.. ㅋㅋ
-
무한탐구
2011.10.22 16:03
XE 문법에 맞게 누가 이클립스 XE 플러그인 개발해 주셨으면 좋겠네요.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 제로보드 XE의 세팅중 ssl사용해제방법 | 준돌이 | 2011.07.26 |
| sejin7940 게시판에 소셜XE 댓글 다는 방법 [소스코드] [5] | Treasurej | 2011.08.16 |
| XE 템플릿 구문 정리 [1] | 우진홈 | 2011.08.17 |
내 PC에서 XE 설치하는 방법
[2]
 | amd짱좋아 | 2011.08.17 |
| 홈페이지 접속시 XE를 바로 실행하기 [7] | ezi | 2011.08.20 |
| 글읽기 권한 없을때 회원가입창으로 유도하는 방법 (XE1.5수정) [10] | sejin7940 | 2011.08.23 |
| XE 모듈 만들기 [13] | 우진홈 | 2011.09.17 |
| XE 1.5 executeQuery 해결방법 [9] | 웹기프트 | 2011.09.29 |
|
XE1.5.0.2 시작 모듈 설정하는 방법
[16]
| gayeon | 2011.10.01 |
|
XE1.5.0.2 설정->파일박스 버튼이 표시되지 않는 문제 해결 방법
| gayeon | 2011.10.02 |
| XE 1.5 → XE1.4로 다운그레이드 설정 [14] | 시작&끝 | 2011.10.10 |
|
XE 1.5 업그레이드 후 다시 1.4로 다운그레이드 하신분들을 위한 팁 입니다.
[15]
| 류군 | 2011.10.10 |
| XE 이클립스 개발환경 만들기 [7] | 행키 | 2011.10.19 |
| xe_board 스킨에서 제목 윗 부분이 짤리는 경우.. [1] | 천재경 | 2011.10.19 |
| 1.4.5.10->1.5.06 전환 성공기 executeQuery오류 문제및 다량 문제 발생해결 [2] | phonetest | 2011.10.21 |
| XE코어 관리와 업그레이드 10계명 [5] | 우진홈 | 2011.10.30 |
| XE를 이용하여 SMTP 보내보기[개발자용] [10] | 라르게덴 | 2011.11.02 |
| 시작 페이지 /xe/ 이신분들 ~ 이제 고민 해결. [3] | 숭숭군 | 2011.11.14 |
| XE 도쿠위키 세션으로 연동 [5] | 도라란 | 2011.11.17 |
|
Xe 1.5.0.9 사용자 설치메뉴얼 제2부
[22]
| 황비 | 2011.11.22 |
와우..좋은정보 감사합니다.