사용자 경험(UE) 개선
지금까지 이 기사에서는 JavaScript 프레임워크 사용의 이점과 이를 통해 대화형 애플리케이션을 보다 쉽게 구축하는 방법에 전적으로 초점을 맞추었습니다. 그러나 반면에 각 프레임워크에는 사용자 인터페이스(UI) 구성 요소 및 사용자 경험(UE) 향상을 포함하여 많은 노력이 필요한 고유한 매력적인 전망이 있습니다.
이 장에서는 Prototype, jQuery, YUI, ExtJS 및 MooTools 프레임워크의 사용자 경험을 살펴봅니다.
원기
프로토타입은 미리 만들어진 UI 구성 요소나 사용자 경험 향상 기능이 포함되지 않은 몇 안되는 제품 중 하나입니다. 대신 script.aculo.us(최신 알려진 버전인 Scripty2)의 모든 자매 라이브러리를 따릅니다. script.aculo.us는 프로토타입 효과 및 동작에 대한 광범위한 지원을 추가합니다. 이러한 효과에는 강조 표시, 변형, 축소, 떨림, 슬라이드 및 확장이 포함됩니다. script.aculo.us는 드래그 앤 드롭, 슬라이딩, Ajax 실시간 편집 및 자동 프롬프트도 지원합니다. Script.aculo.us는 컨트롤 디자인(예: 슬라이더 및 자동 완성)을 개발자에게 맡기고 표준 스킨을 제공하지 않습니다.
jQuery
Prototype 라이브러리와 달리 jQuery의 핵심에는 몇 가지 기본적인 사용자 경험이 포함되어 있습니다. 이는 슬라이드 및 페이드와 같은 Script.aculo.us의 일부 간단한 효과와 유사합니다. 그러나 고급 사용자 경험 기능을 사용하려면 드래그, 확대/축소, 정렬과 같은 더 많은 효과가 포함된 jQuery UI 라이브러리를 다운로드해야 합니다. Script.aculo.us와 달리 jQuery UI에는 일부 작은 위젯이나 구성 요소도 포함되어 있으며 개발자에게 더 매력적인 변명을 제공하여 개발을 더 쉽게 만듭니다. 현재 이러한 구성 요소에는 Accordion, Datepicker, Dialog, Progressbar, Slider 및 Tabs가 포함됩니다. 위젯은 완전히 테마를 적용할 수 있으며 jQuery UI에는 웹 사이트나 웹 애플리케이션의 요구 사항에 맞게 사용할 수 있는 광범위한 테마가 있습니다. 그림 1은 jQuery UI Datepicker 위젯과 Apple 테마를 보여줍니다.
그림 1: jQuery UI Datepicker 위젯
.jpg)