HTML5 코딩을 위한 준비 (윈도/맥 공통)

HTML5 CANVAS를 이용해서 이것저것 짜볼려고 하는데,

윈도우즈나 맥 모두 무료로 개발툴을 제공하고 있어 이를 이용하면 된다.

맥에는 Xcode가 있고, 윈도에는 Visual Express시리즈인 Visual Web Developer 2010 Express가 있다.

하지만, Windows7와 OSX 두OS 모두를 사용하는 내 입장에선

Windows/맥 둘다 항상 같은 환경에서 개발이 하고 싶었다.

그래서 인터페이스가 어디에서나 똑같은 이클립스를 사용하기로 했다.

이클립스 다운로드 링크 --> http://www.eclipse.org/downloads/

EE(Enterprise Edition)말구 용량이 적은 Standard를 설치했더니,

기본적인 HTML이나 Javascript포맷이 지원되지 않는다.

<마법사는 HTML, Javascript를 내놓지 않는다 ㅡㅡ;;)

결국 HTML5를 위해 기본적인 Plug-In를 하나 설치한다.

[Help]-[Eclipse Marketplace]에서 html5로 검색을 해보면,

아래와 같이 나오는데 그중 첫번째인 "HTML Editor"를 설치해본다.

<EE버젼을 설치했다면 기본으로 있었을 HTML Editor>

설치하고 Eclipse를 재시작하고 나면, 이렇게 Javascript와 Web이라는 항목이 지원된다.

<이제 JavaScript, CSS, HTML 포맷이 다 지원되는군>

PS1. 이클립스는 Java를 설치해야 동작하기 때문에 intel에서 배포중인 XDK도 참 좋은 도구이다.

windows/Mac/Linux 모두 지원되고, 해보진 않았지만, 스마트폰/태블릿 포팅도 지원하는 듯 하다.

http://software.intel.com/en-us/html5/tools

PS2. 아무래도 편리성과 코드 어시스트면에서 최고의 웹개발툴은  liveweave인듯 하다.

HTML5를 지원하는 브라우저에서 http://liveweave.com 가서 사용하기만 하면 되는 웹어플