[TOOL] Aptana 3 설치 및 실행
Aptana Studio 3 설치 방법을 알아보도록 하겠습니다.
Aptana Studio는 오픈소스 기반의 IDE 웹 기반 툴입니다. 무료이며, 이클립스 기반입니다. 또한, 이클립스의 플러그인으로 추가하여 사용할 수도 있습니다. 쉽고 빠르게 웹기반 프로젝트를 구축할 수 있도록 도와줍니다. 또한, 작은 웹서버를 갖추고 있어, 따로 TOMCAT 등의 웹컨테이너를 구축하지 않아도 쉽게 웹프로젝트를 실행할 수 있습니다.
1. http://www.aptana.com/ 에 접속하여 PRODUCTS > DOWNLOADS > DOWNLOAD APTANA STUDIO 3 버튼 클릭하여 다운로드
2. 다운로드 받은 파일을 실행 -> Next 클릭
3. 라이선스에 동의할 경우, I Agree 버튼 클릭
4. 설치 경로 설정 후, Next 버튼 클릭
5. 스타트 메뉴에 추가할 이름을 설정(변경 가능) 후, Next 버튼 클릭
6. 지원하는 파일 기본 확장자 선택(이것을 체크할 경우 체크한 확장자는 Aptana Studio로 실행하도록 설정하게 됩니다) -> Next 버튼 클릭
7. 이제부터 Aptana Studio 3를 설치한다는 문구입니다. 설치를 시작하려면 Install 버튼을 클릭해 주세요.
8. 설치 진행중...
9. 설치를 완료하였습니다. Next 버튼을 클릭해주세요.
10. Aptana Studio 3의 설치를 마칩니다. Close 버튼을 클릭해 주세요.
11. Aptana Studio 3 실행중...
12. workspace를 설정합니다. workspace는 실제 소스가 관리되는 저장공간입니다. 경로 선택 후, OK 버튼을 클릭해 주세요.
13. Aptana Studio 3를 실행한 화면입니다.
14. 새로운 웹프로젝트를 생성해 보겠습니다. FIle -> New -> Web Project를 선택합니다.
15. 프로젝트 템플릿을 선택하는데, 테스트 용도이므로 Default Project를 선택합니다. 템플릿 선택 후, Next 버튼을 클릭합니다.
16. 프로젝트명을 입력합니다. Finish 버튼을 클릭하면 프로젝트가 생성됩니다.
17. 생성된 프로젝트입니다.
18. 이제 생성된 프로젝트에 html파일을 추가하여 실제적으로 실행이 되는지 확인해보겠습니다 ^^ 프로젝트 선택 후 마우스 우클릭 -> New From Template -> HTML -> HTML 5 Template을 선택합니다. HTML5 템플릿을 선택한 이유는, 가장 간단한 템플릿 형태이기 때문에 선택하였습니다. 다른 이유~~ 아~~~무 것도 없어요.
19. 파일명을 입력하고 Finish 버튼을 클릭합니다.
20. 테스트 할 내용을 입력합니다. 최대한 간단~하게..
21. Run -> Run 또는 Ctrl + F11 단축키를 이용하여 테스트 화면을 실행해 봅니다.
22. 정상적으로 실행된 테스트 페이지입니다.
이상으로 Aptana Studio 3 설치 및 테스트 하는 방법까지 설명을 했습니다. 앞으로는 Aptana Studio를 이용해 쉽고 빠르게 개발하실 수 있겠죠? 오늘 밤도 즐프 하세요~~ ^^
'HTML/CSS/웹접근성' 카테고리의 다른 글
[Safari] 사파리 개발자 도구 사용 방법 (0) | 2014.03.04 |
---|---|
[WEB] 크롬 테마 만들기 (0) | 2014.02.24 |
[TOOL] Editplus ini 파일 설정하여 꾸미기 (0) | 2014.02.18 |
[WEB] 크롬 테마 설정 (0) | 2014.02.18 |
[HTML] 로그인 폼 마크업 하기 (0) | 2014.02.18 |