Search results for 'jslint'

일주일간 모은 링크 #6

2011. 4. 25. 11:43
Google URL Shortener gets an API
구글의 단축 URL서비스인 goo.gl의 API가 드디어 오픈되었습니다. 이미 bit.ly등 단축 URL 서비스를 제공하는 다른 곳에서도 제공하고 있기 때문에 빠른 시간 내에 오픈될 것으로 기대하던 참입니다. bit.ly같은 경우 이미 많은 서비스에서 사용하고 있기 때문에 굳이 구글을 기다릴 필요는 없었지만 구글이라면 뭔가 다르지 않을까 하는 기대가 있었나 봅니다. 아직 랩에 등록된 API이므로 예고 없이 변경될 수 있다는 부분이 아쉽다면 아쉬운 부분이네요. 

JavaScript에서 네임스페이스를 이용하여 구조적으로 JavaScript를 짤 수 있는 방법에 대해 설명하고 있습니다. 네임스페이스를 사용하면 코드를 다른 코드의 영향을 받지 않도록 작성할 수 있습니다. 또한 전역 변수를 사용할 경우 변수명을 모호하게 지정하거나 변수명이 충돌할 수도 있는데 이런 문제를 근본적으로 해결할 수 있습니다. (전역 변수를 사용할 경우 variable scope으로 인해 실행 속도에 영향을 주기도 합니다.) JavaScript로 복잡한 프로그램을 작성해야 한다면 이 글을 읽고 한 번 적용해보면 어떨까요?

오래된 스타일의 JavaScript에 대한 이야기입니다. 동작하는 데는 문제가 없지만 더이상 추천받지 못하는 코드를 소개하고 있습니다. 유지보수하기 어려운 코드라거나 성능상 문제가 있는 코드 등 몇 가지 피하면 좋을 코드 패턴을 정리해두고 있습니다. 복잡한 공부를 하지 않고도 이 글을 읽고 적용해보는 것만으로도 두고두고 도움이 될 코드를 만들 수 있을 것으로 생각합니다.

작년 Velocity 2010 워스샵에서 Maximiliano Firtman이 발표한 발표자료입니다. High performance라는 제목을 달고 있지만 앞부분에는 모바일 웹 환경에 대한 이야기를 포함하고 있으므로 모바일 웹 환경에 대한 기본적인 이해를 하기에도 적당한 자료입니다. 여기서 소개하고 있는 블로그의 경우 모바일 웹에 대한 좋은 자료가 많이 올라오고 있으므로 모바일 웹에 관심있는 분이라면 이 블로그를 관심있게 살펴보셔도 좋을 것으로 생각합니다.

자바스크립트 코드의 품질을 측정하는 툴로써 유명한 Douglas Crockford의 JSLint가 업데이트 되었습니다. 자바스크립트 코드의 품질을 측정하는 툴이 몇 가지가 더 있는 것으로 알고 있습니다만 JSLint 만한 것이 없죠. 여러분이 작성한 자바스크립트 코드가 얼마나 건강한지 궁금하다면 jslint.com을 방문하여 여러분의 코드를 확인해보기 바랍니다. 단, JSLint를 실행시키고 난 후에는 여러분의 기분이 상할 수 있으니 주의하기 바랍니다. 

정규 표현식을 편집할 수 있는 도구입니다. 정규 표현식과 테스트 대상 코드를 넣으면 실시간으로 선택결과를 표시해줍니다. 페이지에는 간단한 레퍼런스도 제공하고 있으니 정규 표현식에 익숙하지 않은 경우 이 페이지에서 표현식을 수정해가며 원하는 정규 표현식을 만들 수 있을 것입니다.

간단한 북마크 형태로 제공되는 JavaScript performance 도구입니다. 페이지의 DOM과 다른 부분들을 분석하여 어떤 부분을 개선하면 좋을지 안내해줍니다. 여기서 안내해주는 모든 가이드를 적용할 것인지는 각자의 몫이지만 한 번씩 검토해보면 좋을 내용들을 안내해주고 있습니다. 개인적으로는 엘리먼트의 갯수나 노드의 갯수를 알려주는 프로그램이 필요했는데 이 프로그램으로 간단하게 해결할 수 있게 되어 좋네요.

nundefined HTML5_JS_CSS API, bit.ly, dom monster, douglas crockford, goo.gl, Google, javascript, jslint, Mobile Web, Namespace, Performance, regex, Regular Expression, rejex, URL Shortener, variable scope, 자바스크립트

jQuery 1.4.3 이 릴리즈 되었습니다.

2010. 10. 17. 01:00
일주일 전부터 RC 버전을 내놓기 시작하더니 오늘 공식적으로 jQuery 1.4.3이 릴리즈 되었습니다. (http://blog.jquery.com/2010/10/16/jquery-143-released/) 버그 수정과 개선이 이루어졌다고 합니다. 바로 두 번째 단락에 1.4.3 버전이 나오는데 기여한 사람들의 이름이 나오는데요 한국인으로 보이는 분의 이름도 있습니다. (잠깐 찾아보니 한국인 맞으시네요.) 

개선된 점은 다음과 같습니다.
1. 작업흐름속에 JSLint로 확인하는 과정을 통합시켰다고 하는군요. 다만 jQuery Core Style Guideline에 맞게 JSLint를 약간 수정했다고 합니다.
2. jQuery 소스 내의 모듈간의 내부 의존성을 없앴다고 합니다. 이로써 소스 내의 개별 모듈만 로드하여 사용할 수 있게 되었다고 하네요.
3. 몇 가지 새로운 기능들이 추가되었습니다. (http://api.jquery.com/category/version/1.4.3/ 참조)
4. CSS 모듈의 재작성 (확장성을 위해). 속도도 1.4.2에 비해 약간 빨리진듯 합니다. 
5. Data 모듈 개선 HTML5 data - attribute가 자동으로 data 객체에 입력된다고 합니다.
6. 자바스크립트 객체에 .data()를 사용할 때 몇 가지 변경이 있다고 합니다. 
7. 1.4.3에서는 setData, getData 이벤트가 버블링하지 않는다고 합니다. 그리고 changeData 이벤트가 추가되었군요.
8. DOM을 탐색하는 속도가 무척 빨라졌습니다. 브라우저에서 querySelectorAll 메소드와 matchesSelector 메소드를 지원해야 한다고 합니다. 그래서 그런지 IE6~8에 대한 속도 비교 자료는 없네요. 그래프 상으로는 매우 빨라졌습니다.
9. Ajax 쪽에도 몇 가지 새로운 기능이 추가되었고요
10. Event쪽에는 항상 return값으로 false만 반환하도록 설정하는 기능이 추가된 것으로 보입니다. .click같은 이벤트에서 data를 초기 파라미터로 받을 수 있게 되었습니다.
11. animate 메소드에서 이제 easing을 지원하는군요. 
12. jQuery.type이라고 해서 객체의 정확한 타입을 알 수 해주는 메소드가 추가되었습니다.
13. jQuery.isWindow 메소드도 추가되었군요.

jQuery 1.4.3에서는 지원하는 브라우저에서 모두 3621개의 테스트를 패스했다고 되어 있습니다. (많군요) FF4에서는 100%, IE9에서는 거의 모두 패스했다고 합니다. (버그 두 개 발견했는데 그 중 하나는 이미 수정했답니다.)

후르륵 훝으면서 적어본 것이고 제가 jQuery에 대해 상세히 알고 있지 못해 일부 잘못 적은 부분이 있을 수 있으니 관심있으신 분들은 페이지에 직접 방문해 보시기 바랍니다.

nundefined HTML5_JS_CSS JQuery, jslint, matchesSelector, querySelectorAll