[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 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를 설치해보고 사용해 보겠습니다.
다음 파트에서는 iPhone/ipad 시뮬레이터인 ibbdemo2를 설치해보고 사용해 보겠습니다.
'HTML5' 카테고리의 다른 글
[그래픽 처리] 캔버스의 기초/RGB 색상표/HTML 색상표 (0) | 2012.02.08 |
---|---|
[그래픽 처리] 캔버스의 기초/렌더링 컨텍스트 (0) | 2012.02.08 |
[HTML5 프로그래밍의 기초] 스마트폰용 HTML5의 기본 형태 (0) | 2012.02.07 |
[HTML5 프로그래밍의 기초] HTML 작성법 (0) | 2012.02.07 |
[HTML5 프로그래밍의 기초] 웹 기반 기술 (0) | 2012.02.07 |
[HTML5] Android SDK 설치 (0) | 2012.02.07 |
[HTML5] iBBDemo2 설치 및 사용법 (0) | 2012.02.07 |