Eclipse Aptana Plugin 설치

Development/jQuery 2012. 5. 21. 09:24

Ajax / jQuery / JavaScript/팁, 에러 2012/03/06 12:53

work with :
http://download.aptana.org/tools/studio/plugin/install/studio

설치방법 :

1. 이클립스 상단 메뉴 Help - Install New Software 로 들어가서 위의 work 주소를 입력하여 플러그인을 다운받아 설치한다.

2. 설치가 끝난 후에 Help - Install Aptana Features 로 들어간다.

3. 아래와 같이 선택후 jQuery 서포트를 설치한다.

4. 설치가 끝났으면 이클립스를 재시작 후 jQuery 어시스트를 설정해준다.
이클립스 상단메뉴 Window - Preferences - Aptana - Editors - JavaScript - Code Assist

5. jQuery 동작을 확인하기 위한 프로젝트를 생성한다.

6. 아래와 같은 코드를 입력하고 제대로 동작되는지 확인한다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <script type="text/ecmascript" src=lib/jquery/jquery-1.4.2.js></script>
        <script type="text/ecmascript">
          $(document).ready(function(){
              alert("Hello jQuery!!");
          });
      </script>
    </head>
    <body>
        <h1>New Web Project Page</h1>
    </body>
</html>

출처 - http://warmz.tistory.com/643

이클립스(eclipse) + Aptana 를 이용하여 JSP 개발하기 Ajax, Javascript / Dream

2010/07/29 04:18

http://onedays.co.kr/90092503023

이클립스만으로 JSP 개발이 가능하지만 무엇보다 짜증나는 것은 javascript와 CSS 이다.

코드완성 기능이 없기 때문에 가장 애를 많이 먹고 있다(엄청난 짜증이...) 그래서 고심한 결과 Aptana를 이용하기로 했다. 그나마 CSS나 javascript는 Aptana가 최고 인듯 하다. 그리고 일단 무료라는 점에서.... ㅎㅎㅎㅎㅎ 중요한 것은 이클립스에 Aptana를 설치하는 일이다.

Name: Aptana

Location: http://download.aptana.org/tools/studio/plugin/install/studio

이름은 알아서들 사용하길 바라고, 일단 위의 주소를 통해서 Aptana를 다운 받는다. 다른 주소도 있다.

Name: Aptana2

Location: http://update.aptana.com/update/studio/3.2/

차이는 분명히 존재하겠지만, 일단 내가 설치했던 것은 첫번째 것으로 설치하였다.

깔끔하게 설치하고 난뒤(설치는 어케하는지 다 알거라고 생각하고 패스~)

위의 사진에서처럼 Help에서 "Install Aptana Features..." 를 클릭한다. 다른것을 설치하는게 아니고 javascript 파일하고 그외 거기에 사용할 라이브러리를 설치하고 하기 위함이다. 설치하기 싫은 사람은 안해두 되지만 무엇보다 가장 많이 사용하는 "JQuery"와 "Prototype"를 위해서라면 꼭 설치하길 바란다. 개인적으로 야후에서 지원하는 "Yahoo! User Interface (YUI)"도 추천하고 네이버에서 오픈소스로 공개된 "JINDO"도 매우 적극적으로 추천한다. 그런 것을 이용하면 개발하기가 무척이나 쉬워지므로 자신이 알아서(?) 설치하길 바라며, 일단 여기서 설치해야 할 것을 설치해보도록 하자.

위와같이 체크한 후에 설치한다!

그리고 나면 Aptana를 사용할 준비가 모두 완료되었다!

그러면 Aptana를 사용할 파일 확장자를 선택하자. 이렇게 설정되어지면 CSS 파일과 javascript 파일이 열릴때 Aptana 에디터로 열어지게 되어 쉽게 사용이 가능하다. 먼저 "Preferences"에 들어가야 하는데 "Window" 안에 있으므로 클릭하고 들어간다. 그리고 다음과 같이 들어간다.

잘 안보이면 다음을 참조한다.

General -> Editors -> File Associations

그리고 "File types"에서 "*.css" 파일을 클릭하고 밑의 "Associated editor" 항목에서 "Aptana CSS Editor"를 클릭하고 오른쪽에 있는 "Default"를 누른다. 그리고 "File types"에서 "*.js"를 선택하고 "Aptana JS Editor"를 선택하고 오른쪽에 있는 "Default"를 누른다. 그러면 기본적으로 이 두개의 파일은 Aptana를 통해서 열리게 된다. 그러면 코드 완성기능과 CSS파일에 색생값으로 구분되어 보다 편하게 개발할 수 있다!

[출처] 이클립스(eclipse) + Aptana 를 이용하여 JSP 개발하기|작성자 프리돔

'Development > jQuery' 카테고리의 다른 글

jQuery - URL을 파싱 (0)	2012.05.29
jQuery - 플러그인 모음 (0)	2012.05.29
jQuery - Url Parameter 추출 (0)	2012.05.29
jquery - function 사용법 (0)	2012.05.23
jQuery - form 데이터 유효성 검사 (0)	2012.05.23