웹마스터 팁

[1] 서론

 보통 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

 

 - 프로그램 설치 (2~3분이면 끝나요.)



- 설치후 이클립스 재시작



4. 개발 화면 설정
 XE를 개발하기 편한 화면으로 설정해 보도록 하겠습니다.
 

- 오른쪽 상단의 JavaScript 옆의 창모양아이콘 클릭 > Other... 클릭

- Aptana Web 선택후 OK!



- 화면이 바뀌는걸 볼수 있습니다.

- 왼쪽 바의 FTP에서 FTP를 추가할수 있습니다.


- FTP를 설정


- FTP를 설정하시면 아래와 같이 서버환경에서 작업 가능합니다.






출처 : http://hengki.net
제목 글쓴이 날짜
E-Mail을 ID로 사용하기 [3] file June Oh 2010.02.25
공용 head內선언문들은 /common/tpl/common_layout.html 인터니즈2 2011.11.04
[레이아웃관련] 구글검색 달기 file 인터니즈2 2011.11.04
mp4 파일을 JW Media Player에 재생할 수 있도록 변경하기 [5] 세비군 2010.05.26
글자 깨짐 없이 문자열 자르기(hex2bin 함수 이용) [13] 미친개 2003.04.05
1.4.5.10->1.5.06 전환 성공기 executeQuery오류 문제및 다량 문제 발생해결 [2] phonetest 2011.10.21
더블클릭으로 페이지 위,아래 이동하기 [4] file 라싸 2011.09.22
리플카운터 [3] file 인터니즈2 2011.10.25
Error has occurred while connecting DB 에러에 관한 해결법 안녕하소 2011.10.26
XE 이클립스 개발환경 만들기 [7] 행키 2011.10.19
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] 서기 2007.01.10
글쓴이에 이름과 닉네임 같이표시하기 [3] file 천재경 2011.10.20
글작성후 목록으로 이동하기 [8] ezi 2011.07.08
xe_board 스킨에서 제목 윗 부분이 짤리는 경우.. [1] 천재경 2011.10.19
메타태그(Meta)의 모든것 [11] ZipShin 2002.06.20
홈페이지 접속시 XE를 바로 실행하기(XE를 /xe/ 폴더에 설치한 경우) [5] Firstlove 2011.06.12
관리툴 회원관리에서 확장변수로 검색 시 숫자 이외 검색불가 해결 방법 카리브 2011.10.10
PHP 5.3.x DEPRECATED 에러 해결하기 [2] 난다날아 2011.01.21
The result is not valid XML 오류중 하나 해결 쿨럭이 2011.10.10
큰 파일의 썸네일이 안생길때 해결방법-추가 [7] HIKARU 2008.03.18