민서네집

Aptana Studio에서 웹개발 하기 본문

WEB (HTML, CSS)

Aptana Studio에서 웹개발 하기

브라이언7 2014. 7. 10. 18:33

괜찮은 클라이언트사이드 IDE : Aptana Studio

http://blog.outsider.ne.kr/260


Aptana Studio를 설치해보고 나서 이클립스처럼 Server를 등록해 보려고 했다.


이클립스(혹은 STS)는 Preferences 메뉴에서 Server - Runtime Environments 에서 Add... 버튼을 눌러서 웹서버가 설치된 경로를 지정해 주면 되는데, Apana Studio 는 Preferences 메뉴에서 아예 없다.


[참고] STS Preferences -  Server - Runtime Environments




Aptana Studio 는 Severs View 가 있긴 한데, Aptana Studio 안에서 웹서버를 구동하는 방식이 아니라 밖에서 웹서버를 구동하는 방식이다. Start Command 와 Stop Command 를 등록할 수 있어서 Aptana Studio 안에서 웹서버를 켜고 끌 수는 있다.



그런데 중요한 것은 이렇게 Server를 등록해 줄 필요도 없이 Aptana Studio를 띄우기만 하면 자동으로 내부 웹서버가 구동된다는 사실이다.


http://localhost:8020/{프로젝트 이름}/{파일 경로명}


그리고 php를 사용하기 위해 wamp 서버를 설치한 경우라면


wamp 서버를 설치한 경로 밑에 www 폴더 밑에 Aptana Studio에서 프로젝트를 생성하면 


따로 Connections 를 설정해서 Synchronize 를 하지 않아도 Aptana Studio 안에서 저장만 하면 웹서버에서 바로 적용된다.


[참고] '트위터 부트스트랩' (김덕기 지음) 이라는 책에서 Aptana Studio를 설치하고, php를 사용하기 위해 wamp server를 설치했는데, 설치한 목적은 공통 부분을 php 를 이용해서 따로 파일로 저장하기 위함이었다.


예) <?php include 'include/header.php'; ?>


p219

기본적으로 아파치(Apache) 웹 서버, MySQL 데이터베이스, PHP 프로그램, 이 세가지를 갖춰야 웹 서버 환경이 만들어집니다.

윈도우용 WAMP나 맥용 MAMP, 리눅스용 LAMP 같은 패키지를 이용하면 PHP, MySQL, Apache 웹 서버를 쉽게 설치할 수 있습니다.


wamp 서버는 디폴트로 80포트를 사용한다.


따라서 접근하는 주소는


http://localhost/{프로젝트 이름}/{파일 경로명}


이렇게 접근하면 된다.


웹브라우저에서 http://localhost 로 먼저 접근해서 제대로 화면이 뜨는지 봐서 wamp 서버가 정상적으로 작동하는지 확인할 수 있겠다.


< wamp 서버 설치 >

http://www.wampserver.com/en/


'WEB (HTML, CSS)' 카테고리의 다른 글

[css] @font-face  (0) 2014.07.15
[css] CSS 레이아웃(layout)을 배웁시다.  (0) 2014.07.15
[css] box-sizing  (0) 2014.07.09
[css] calc  (0) 2014.07.09
[css] vertical align in div  (0) 2014.06.18
Comments