2012년 2월 10일 금요일

Javascript UI Framework 들…

Mozilla Developer Network Javascript 재입문 을 통해, 그리고 몇 가지 JavaScript 와 jQuery 책을 통해, 그 동안의 오해와 UI 에 대한 지저분한 작업에서 Behavior가 분리되었음을 알게 되고, UI 관련 많은 Framework 이 벌써 많이 존재하고, 활성화 되어 있음에 놀라지 않을 수 없네요… 쩝

어쨌든, 15 가지 Javascript Web UI Library, Framework and Toolkits 자료에 보듯이 상당히 발전된 UI Framewok 이 있네요… jQuery UI 와 YUI (Yahoo! YUI Library) 는 어느 정도 들어봤지요.

아주 예전부터 써보고 싶었던 것은 Ext JS 와 회사에서 구매해서 사용중인 Kendo UI 도 상당히 좋아 보입니다.

그 동안 제가 너무 UI 쪽에 무지했나 보네요… 그냥 ASP.NET Contorl 과 간단한 Ajax 사용만을 했는데, 이건 뭐… 그냥 아주 쉽게 다 되네요… 이로서 웹 서비스와 Client UI 로 나뉘어진 정돈된 Application이 나올 수 있겠군요^^

그나저나 저 많은 UI Framework 중에 어떤 걸 사용해야 좋을까요? 참 저도 난감하더군요…

우선 기본적으로 jQuery UI 와 기타 jQuery 를 기반으로 하는 Plug In 들은 각각 입 맛에 맞는 것을 가져다 쓰면 될 것이고,
그래도 Chart 라던지, 좀 화려하고 복잡한 컨트롤 (위젯) 을 지원하는 Framework 하나 정도는 표준으로 가져가야 될 듯 한데…

jQuery UI vs Kendo UI , Comparision of JavaScript frameworks 같인 비교 자료를 읽어보면서, 지원되는 방식, 컨트롤 등을 고려해서 선정해야 겠습니다.

지금까지는 당연히 Kendo UI 를 선정하겠지만 (회사에서 이미 라이선스를 가지고 있고, Mobile 도 지원되니), Ext JS 도 상당히 관심이 갑니다. 걸리는 점이 사이즈가 좀 크다는 거…, YUI 도 신뢰할 만 하구요…

그래도 다른 Framework들이 jQuery와는 부딪치지 않고, 같이 혼용해서 사용할 수 있어서 좋습니다.

좋은 Framework 선정이 열 개발자의 야근을 줄일 수 있으니, 신중하게 선택해야겠지요^^

댓글 4개:

슈팅스타 :

Ext JS로 지금 프로젝트를 하는 중입니다. Ext JS를 쓰시려고 하신다면 무조건 4를 사용 하시길 권장드립니다. 간단히 하실꺼라면 3로 상관없습니다만 뒷 목 잡을만한 사소한 버그들이 꼭 잇어서 상당히 혈압오르게 합니다. 물론 커뮤니티 뒤지면 다 솔루션이 나오기는 합니다만... 여러모로 버젼4를 추천드립니다.

Unknown :

아주 고급 정보를 주셨네요^^, Ext JS 에서 가장 맘에 드는게 ViewPort 이더군요.
Ext JS 3과 Ext JS 4 는 너무 많이 바뀌어서, 책보고 공부했는데, Ext JS 4에서는 무용지물이군요... 그래도 MVC 까지 될 수 있도록 한 구조로 변경되어서 상당히 매력을 느낍니다.

그나저나 ComboBox 는 FF,Safari에서 오동작하던데, 괜찮나요?

슈팅스타 :

ExtJS에서는 ComboBox가 x랄 같습니다 그래도 포럼 게시판 뒤지면 방법이 다 있긴 하더군요.
Kendo UI를 아시니까 Telerik ASP.NET MVC도 아실것 같은데 호주에서는 JQuery, Telerik 아니면 ExtJS가 .NET 진영에서는 주인듯 싶습니다.

http://www.highcharts.com/ 가 싸고 좋습니다. 호주에서는 진짜 많이 사용하고 있습니다.

NHibernate 글들 정말 감사합니다(^^)(__)

Unknown :

그렇군요. ComboBox가 문제가 있더군요^^.
울 회사의 기본 Control이 Telerik + jQuery 이구요. 앞으로 ExtJS 도 도입해볼까 해서요.
ExtJS의 ViewPort가 단독 App일 경우 상당한 장점이 될 듯 하네요.
앞으로 NHibnerate는 책을 쓴다는 마음으로 처음부터 다시 글을 올릴 것입니다.
관심 많이 가져주세요^^