본문 바로가기

HTML5

[HTML5] Aptana Studio3 설치 및 사용

[HTML5] Aptana Studio 활용법

저는 Aptana Studio를 활용하여 HTML5에 대해 공부하려고 합니다.
로컬 웹 서버 접속 테스트에서 메모장으로 HTML 작성할 필요가 없습니다.

Aptana Studio는 웹 응용 프로그램을 개발하기 위한 통합개발환경입니다.
HTML 태그 체크 기능 및 JavaScript의 문법을 해석해 필요한 메서드를 자동으로 추가해줍니다.
Window/Mac OS X/Linux를 지원합니다.

Aptata Studio 3 부터 정식으로 HTML5를 지원합니다.

설치 먼저 해보도록 하죠.

1. http://www.aptana.org/ 에서 다운로드를 합니다.



2. 다른 과정 필요없이 [NEXT]를 계속 눌러주시면 설치가 완료됩니다. 


첫 실행화면은 다음과 같습니다.


만약 플러그인을 추가하려면 Aptana Studio실행 후 [Install Aptana Features...] 버튼을 클릭해서
필요한 항목 체크 후 install 하고 넘어가면 됩니다.

이젠 첫 프로젝트를 작성해 보도록 하겠습니다.

메인 메뉴의 [File]-[Switch Workspace]-[Other]을 선택합니다.
Apache의 도큐먼트 루트를 지정하고 [OK]를 누릅니다.


메인 메뉴에서 [File]-[NEW]-[Web project]를 선택합니다.
Project name을 지정 후 [Finish] 버튼을 누릅니다.



프로젝트가 만들어지겠죠.
다음은,
문자 코드를 웹 응용 프로그램에서 많이 사용하는 'UTP-8'로 변경 해줍니다.
메뉴에서 [Project]-[Properties]에서 [Resource]탭을 클릭합니다.
'Text encoding'에서 'other'을 선택하고 문자 코드 목록에서 'UTF-8'을 선택합니다.


[New From Template]-[HTML]-[HTML 5 Template] 선택하고 프로젝트 이름을 정해줍니다.


아래와 같이 나타납니다. 바로 디버깅 해보세요


다음과 같이 나타납니다.
주소가 127.0.0.1인 것으로 보아 Aptana 자체에 웹서버가 내장되어 있는것 같습니다.


이상 Aptana 설치 및 사용에 설명하였습니다.
다음 파트에서는 iPhone/ipad 시뮬레이터인 ibbdemo2를 설치해보고 사용해 보겠습니다.