Nagarry's Blog

HTML5 작성을 하면서 아쉬운점이...

대부분의 툴들이 CANVAS와 같은 HTML5 최신 요소들을 제대로 지원해주지 않는다는 것이다.

코드 어시스트 기능에 익숙해진 나같은 개발자에게...

"객체."이후 관련 멤버값을 자동으로 표시해주지 않는 것은 엄청난 스트레스였다.

예전처럼 개발할때마다 객체의 프로퍼티나 메서드를 알아보기 위해....

일일히 MSDN같은 Document를 뒤지는 것은 피곤한 일이 아닐 수 없다.

세상에 canvas객체에도 점하나 찍으니 관련 코드들이 어시스트 되고 있다!!!!!

Liveweave라는 녀석인데, 내 PC에 설치한 프로그램도 아니다.

그냥 웹이다. 주소는....

http://liveweave.com/

화면이 4구역으로 나뉘어져 있는데,

좌상단은 HTML5, 우상단은 Javascript,

좌하단은 CSS, 우하단은 브라우저 화면이다.

코딩을 하면 우하단의 브라우저화면에 즉각 반영이 되는 것은 물론!!

Tools하부 메뉴로 가면 1개의 파일로 저장 또는 3개의 파일을 zip으로 압축해서 저장하는 것도 가능하다.

(zip확장자 없이 다운로드 되는데, ".zip"을 붙여서 사용하면 된다)

인터넷에 접속만 할 수 있다면,

eclipse, coda, XDK, Dreamweaver, visual web developer 2010 express 뭐 이런 프로그램 다~~~ 필요없다.

PS. Internet Explorer 9에서 확인해보니 정상 작동하지 않는다.

인터넷 익스플로어 사용자는 HTML5를 본격지원하는 10버젼 이상을 사용해야할듯하다.

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 가서 사용하기만 하면 되는 웹어플