Rev. 2.73

IE9 지원을 위한 Prototype 1.7 RC3 버전이 릴리즈 되었습니다. RC2를 배포한지 다섯달 만이며 다음과 같은 변동사항이 있습니다.

요소의 치수 측정에 사용되는 메서드인 Element#getDimensions (관련 메서드로 getWidth와 getHeight가 있습니다.)는 코드 중복을 최소화하기 위해 재정의 되었었지만 몇몇 경우 약간 다른 결과를 만들어 냈기 때문에 이전 구현으로 되돌렸습니다. 그리고 더욱 정확한 측정을 위해서는 Element.Layout 메서드를 사용할 것을 권장합니다. Element.Layout의 사용방법은 간단합니다. 기존에 사용했던 someNode.getWidth() 대신 someNode.measure('border-box-width')와 같은 형식으로 사용할 수 있습니다. 이로써 하위 호환성을 유지할 수 있게 되었고 기존 코드를 재작성할 필요는 없습니다.

곧 출시될 인터넷 익스플로러 9를 공식으로 지원합니다. 최근에 출시된 IE9 베타버전에서 대부분의 유닛 테스트를 통과했으며 브라우저 문제로 인한 하나의 마이너한 이슈가 발견되었고 IE9의 최종버전에서는 수정될 것이라고 했습니다.

Comments

HTML5 명세에 포함된 Web Forms 2.0을 이용하면 자바스크립트의 도움을 받지 않고도 입력 조건 설정이나 유효성 검사 및 오류 메시지 출력, 동적 레이블, 데이트 피커, 슬라이더 등의 막강한 기능들을 마크업만으로 사용할 수 있습니다. 그리고 IE 6, 7을 비롯한 HTML5를 지원하지 않는 일부 브라우저에서는 Weston Ruter씨가 만든 webforms2 자바스크립트 라이브러리를 이용하면 동일한 코드만으로 Web Forms 2.0을 사용할 수 있게 됩니다.

사용방법은 <head>요소 안에 webform2.js 파일를 로드하는 것입니다:

<script type='text/javascript' src='webforms2.js'></script>

Weston Ruter씨는 Web Forms 2.0 명세가 HTML5로 옮겨 가면서 기껏 만들어 놓은 반목 모델(Repetition model)이 제외(drop)되었었다고 합니다. 그래서 현재 프로젝트는 중단한 상태이며 모든 것이 명확해지면 작업을 재개하여 IE8을 포함한 더욱 많은 브라우저를 지원하게 될 것이라고 했습니다.

나중에 이 프로젝트가 완성되면 거의 필수 라이브러리가 되겠군요. 찜!

Comments

sexjs.jpg

Sexy.js는 초경량(압축버전 1kb 미만) 자바스크립트 라이브러리입니다. 이 라이브러리는 Sequential(순차적) Ajax를 구현한 것으로 Sajax라고도 합니다. Sajax는 Ajax 패턴의 하나로 비동기식 다중 요청작업을 수행하는 동시에 적절한 콜백 실행 순서를 유지합니다. jQuery용 플러그인 또는 독립적으로 사용할 수 있으며, 체인 스타일 코딩으로 간결하게 작성할 수 있습니다.

적용 전

<script src="/js/jquery.template.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/comments.css" type="text/css"/>
<script type="text/javascript">
$.get('comments.tpl', function (tpl) {
  $.getJSON('comments.json', function (data) {
    $.template(tpl, data).appendTo('#comments');
  });
});
</script>

적용 후

Sexy
  .js('/js/jquery.template.min.js')
  .css('css/comments.css')
  .text('comments.tpl')
  .json('comments.json', function (data, status, tpl) {
    $.template(tpl, data).appendTo('#comments');
  });

Comments