HTML5 개발자를 위한 UI전문 개발 툴 : Kendo UI

솔루션 및 툴 개발을 전문으로 하는 Telerik에서 만든 Kendo UI 가 오늘(11/30) Kendo UI framework를 발표하였습니다. 주요 타겟층을 전문 소프트웨어 개발자들로 하는 Kendo UI는 자바스크립트와 HTML5를 통한 프론트-엔드 개발에 필요한 모든 것을 제공해줍니다.


Kendo UI의 이사인 Todd Anglin씨는 “오늘날 자바스크립트와 HTML5를 활용하여 모바일 앱과 사이트를 만드는 것은 다수의 라이브러리와 각종 플랫폼에서 요구하는 여러 컴포넌트를 직접 모아야 하는 고된 작업입니다. ” 라며 “이러한 작업은 솔직히 개인적인 취미 생활의 프로젝트에야 괜찮겠지만, 지원 및 라이센싱에 있어서 위험이 따르며, 유지보수와 업그레이드가 힘들고 또한 배우기도 힘듭니다. 무엇보다 개발하는 시간을 많이 낭비하게 됩니다. Kendo UI는 HTML5와 자바스크립트의 모든 필요한 컴포넌트를 하나의 프레임워크로 묶어서 제공함으로써 이러한 낭비를 해결하였습니다.” 라고 언급하였습니다.


Kendo UI는 아래 3가지 특이점으로 묶여있습니다.


  • Kendo UI Web – 몇 세트의 풍부한 HTML5와 Grid등 자바스크립트 UI 위젯, 거기다 강력한 데이터 소스, 터치-가능(touch-enabled), 드래그 앤드 드롭 등 특별한 몇개의 프레임워크를 활용한 컴포넌트를 담고 있습니다. 또한 꽤나 빠른 자바스크립트 템플릿 엔진이 준비되어 있습니다.
  • Kendo UI DataViz – 애니메이션이 가능한 차트 등 HTML5를 통해 제공되는 데이터 시각화 위젯을 제공합니다.
  • Kendo UI Mobile CTP – 최신의 Kendo UI의 미리보기로, HTML5 모바일 앱의 빌드 과정에서 생기는 특별한 문제점을 해결하기 위해 빌드된 위젯입니다.

Kendo UI는 최신의 CSS3과 HTML5 그리고 IE,파폭,크롬,사파리,오페라 그리고 모바일 브라우저에서 지원되는 자바스크립트를 최신 유행하는 jQuery 를 통한 빌드로 제공합니다.

Kendo UI의 특징

Complete Framework for HTML5 apps

HTML5 를 위한 완벽한 컴포넌트 프레임워크

Kendo UI는 최신의, 인터렉티브한 자바스크립트 어플리케이션을 만드는 데에 필요한 모든 것을 제공합니다. 게다가 10가지 이상의 UI 위젯, 그리드,차트, 콤보박스 등을 제공하며 클라이언트-사이드로는 데이터바인딩, 템플릿화, 애니메이션, 그리고 드래그 앤 드롭을 제공합니다. 더이상 이리저리 흩어진 jQuery 플러그인을 찾기 위해 노력하지 마세요. Kendo UI는 전문적인 테스트와 HTML5 툴박스의 테스트를 거쳐 이러한 다양한 jQuery 플러그인을 통합하였습니다.

Ready for Touch & Mobile Devices

터치기기&모바일 장비를 위한 준비된 UI

Kendo UI의 터치기기와 모바일장비를 위한 UI는 타 UI는 격이 다릅니다. 모든 Kendo UI의 위젯은 아이패드와 같은 터치 장비를 지원하며, 데스크탑과 모바일 장비에서의 UI를 똑같이 다룰 수 있게 해줍니다. 심지어 드래그-앤-드롭 같은 경우도 터치를 통해 가능하며, 터치와 마우스 입력을 위해 필요한 코드들을 획기적으로 줄일 수 있습니다.

No more slow JavaScript

더 이상 자바스크립트가 느리지 않습니다.

Kendo UI는 jQuery UI의 복제본이 아닙니다. 모든 Kendo UI는 자바스크립트의 성능을 최대한 활용하여 제공할 수 있도록 신중하게 고려되었습니다. 경량화를 위해 추가된 템플릿 라이브러리는 jQuery의 템플릿보다 월등히 빠릅니다. 애니메이션의 최적화를 위해 CSS3를 활용하여 하드웨어 가속화*를 사용하였고 더 나은 가상화 UI를 제공하며 Kendo UI는 성능을 저하하는 클라이언트 측의 UI는 포함하지 않았습니다.

*사용 가능한 브라우저에 한해 제공됩니다.

Rich UI built on jQuery

jQuery를 통한 영리한 UI 제작

Kendo UI는 잘 만들어진 jQuery 코어를 사용하여 웹 개발자들에게 쉽게 UI 컨트롤들을 사용할 수 있도록 해줍니다. Kendo UI를 시작하는 것은 아래의 단 3단계만 있으면 됩니다.

  1. Kendo UI 프레임워크를 다운받습니다.
  2. 스크립트와 CSS를 추가합니다.
    <script src=”…” /> 
    <link href=”…” />
  3. 자, 이제 Kendo UI를 즐기면 됩니다.! 
    $(#myMenu”).kendoMenu()  이런 식으로 사용하면 됩니다.

지금 바로 시작해 보세요!

Professional tools, Professional support

훌륭한 툴, 전문적인 서포트

웹 개발이 여러분의 취미이던 직업이던 , 여러분은 완벽한 테스트와 다양한 서포트가 가능한 툴을 원할 것입니다. Kendo UI는 지능화된 로봇들에 의해 테스트되고 웹 산업을 이끌어가고 있는 Telerik의 팀의 후원을 받습니다. 질문이 없으면 답도 없습니다. 버그가 없으면 고쳐지지도 않습니다. 어떠한 툴도 저희정도의 최신 HTML5 개발에 대한 믿음을 제공하지는 않을 것입니다.

Broad browser support

다양한 브라우저 지원
(예전 버전도 물론 지원합니다.)

단지 HTML5만 가능해지는 것이 브라우저의 발전만이 아닙니다. 브라우저가 발전하면서 여러분은 기존의 브라우저에도 맞는 최적화를 위해 고통을 감수해야 합니다. Kendo UI는 기술들의 조합으로 몇몇의 HTML5의 특징들을 다른 오래된 브라우저에서도 가능하게 합니다. 또한 미세한 조정을 통해 최신 브라우저와의 차이점을 줄여줍니다. Kendo UI는 모든 메이저급 브라우저에서 제공됩니다. 제공되는 브라우저 : 인터넷 익스플로러 7이상, 파이어폭스 3이상, 크롬, 사파리 4이상, 오페라 10이상

Evolving at the speed of the web

웹 속도의 발전과 함께 발전

Kendo UI는 매일같이 발전합니다. 발전이 없는 프로젝트는 미래도 없습니다. 저희의 프레임워크는 저희의 적극적인 로드맵에 따라 빠르게 발전합니다. Kendo UI 프레임워크의 미래 계획은 공적으로 공개되어 투표되거나 저희의 Kendo 뉴스레터의 구독자들에게 아이디어를 받기도 합니다.

Theme Builder

테마 빌더

테마 빌더는 강력한 비주얼 툴로, Kendo UI 위젯들의 룩-앤-필을 빠르게 커스터마이징 할 수 있습니다. 단순히 설정 마법사의 클릭만으로 Kendo UI의 위젯들의 스타일을 바꿀 수 있습니다. 만약 여러분의 사이트에 이미 Kendo UI 위젯이 있다면 적은 자바스크립트의 수정만으로 바꿀 수 있습니다. 지금 시도해 보세요!

공식 홈페이지 : http://www.kendoui.com
데모 보기 : http://demos.kendoui.com
다운로드 : http://www.kendoui.com/get-kendo-ui.aspx

안녕하세요, 개발자 메튜장 입니다. 약 6년간 개발해 왔으며, 현재는 유라임 이라는 자기관리 웹 서비스를 창업하여 개발/운영하고 있습니다. 모던웹 개발, UX와 마이크로서비스, 대용량 아키텍처에 특히 관심이 많습니다. 개발 토크는 언제나 환영합니다. 댓글 혹은 이메일 ([email protected]) 으로 연락주세요 :-)