본문 바로가기

javascript

자바스크립트 프레임웍 제대로 알고 사용하기 jQuery라는 것을 많이 들어보셨을 것 같습니다. 자바스크립트 프레임웍이라고 하는 것인데요, 자바스크립트 라이브러리라고도 합니다. 이번엔 자바스크립트 프레임웍이 어떤 특징을 가지고 있고, 어떤 장점을 가지고 있는지 한번 확인하겠습니다. 자바스크립트 프레임웍의 올바른 이해를 통해 100% 제대로 활용할 수 있는 계기가 되면 좋겠습니다. 자바스크립트 개발은 서버사이드 개발과 비교할 수는 없지만 결코 더 쉽지 않은 이유가 많습니다. 어디에서 명세화 되어 있지 않은 브라우저 호환성(compatibility) 문제의 경우 개발자의 디버깅으로 하나하나 해결해야 합니다. 또한 자바스크립트의 구현은 어찌나 어렵고 귀찮은지, 특히 OOP개념으로 구현된 코드를 수수정하거나 읽는 것만으로도 힘이 듭니다. 이 뿐만이 아닙니.. 더보기
일주일간 모은 링크 #1 10 Javascript Performance Boosting Tips from Nicholas Zakas 자바스크립트의 성능을 향상시키는 10가지 방법에 대한 글입니다. 로컬 변수를 활용하라, with()구문을 사용하지 말라 등 속도를 높이기 위한 방법을 설명해두었습니다. 최근 자바스크립트 엔진의 속도가 빨라지면서 코드가 느리게 짜여진 경우에도 문제가 발생하는 일은 많지 않지만 어딘가에 있을 자바스크립트의 실행 속도가 느려 고민하는 분들은 이 글을 읽고 한 번쯤 코드를 살펴보면 좋을 것 같습니다. 45 most useful guidelines for mobile web design & development iOS, android, nokia & symbian, blackBerry 등 다양한 기기에서 모.. 더보기
HTML5 어떻게 대응해야 하는 것일까요? HTML5 가 2010년 웹세상의 핫 키워드 중 하나였던 것 같습니다. 여기저기서 세미나가 열리고, 웹에는 지금 제가 쓸 내용과 비슷한 포스트가 잔뜩 쌓여 있습니다. 서점에서는 책도 벌써 여러권 전시되어 있더군요. HTML5이라는 것이 나왔는데, 도대체 어떻게 대응해야 하는가? 에 대한 이야기를 할까 합니다. 먼저 HTML5가 무엇인지 짧게 정리를 해볼까요? HTML5는 웹 개발자가 원하는 욕구에 의하여 출발하여, 공식적인 웹표준을 담당하고 있는 W3C라는 곳에서 표준을 인정하여 워킹그룹으로 진행되고 있는 개선된 웹UI 기술이라고 할 수 있습니다. HTML5하면 HTML의 히스토리나 역사 이야기가 꼭 나오는데요, 이런 부분은 다른 글에서 쉽게 찾을 수 있을것 같아서 생략합니다. 누구를 위한것인가? 매우 .. 더보기
Twitter의 로그인 기능으로 살펴보는 unobtrusive JavaScript 최근 많이 사용하고 있는 트위터의 경우 웹페이지를 통해 사용하는 사람보다 별도의 프로그램을 이용하여 사용하는 사람이 많은 서비스입니다. 저같은 경우도 데스크탑에서는 트윗덱을 아이폰에서는 트위터 공식앱을 사용하여 트위터를 이용합니다. 이렇게 별도의 앱을 사용하여 서비스를 이용하다 보면 특별히 웹페이지로 오게 되는 일이 별로 없습니다. 최근에는 좀 나아졌을지도 모르겠지만 트위터 웹페이지가 그렇게 안정성이 좋지도 않습니다. 몇 달 전만해도 한국 시간으로 밤 - 미국 시간으로 아침에서 낮이 되는 시간 - 이 되면 로그인도 하기 어려웠고 정상적으로 트위터를 사용하기가 어려웠으니까요. 오늘 적어보려 하는 것은 JavaScript를 사용하여 개발을 할 때 중요하게 생각해야 할 Unobtrusive JavaScript.. 더보기
jQuery mobile jQuery mobile 1.0의 alpha 1 버전이 발표되었습니다. (http://jquerymobile.com/2010/10/jquery-mobile-alpha-1-released/) 두 달 전 프로젝트의 시작을 알리는 글(http://jquerymobile.com/2010/08/announcing-the-jquery-mobile-project/) 이후 처음으로 발표된 결과물입니다. jQuery mobile의 특징을 정리하면 다음과 같습니다. jQuery mobile은 progressive enhancement을 근간으로 만들어 졌습니다. 우선 HTML만으로도 기능이 동작하도록 한 후 여기에 javascript를 추가하여 더 나은 동작을 할 수 있도록 만들어 졌습니다. 이렇게 만들 경우 대부분의 브.. 더보기
UI 개발자의 또다른 기술력 - 사이트 최적화(1) 웹사이트의 최적화라고 하면 개발자들내에서도 서로 다른 생각과 경험이 있을것 같습니다. 저의 경우는 모든 프로젝트가 마무리 되고 끝나는 시점에 고객의 요구사항에 따라서 '한번 해볼까?' 라고하여 Stress test 를 실행해보거나, 어렵게 구한 Roadrunner 와 같은 초울트라 강력한 측정 도구를 사용해서, 내가 개발한 사이트가 끄떡없는지 측정하곤 했었습니다. (물론 Roadrunner와 같은 툴은 구경만했었군요. 쩝) 한마디로 , 뻗지않고 잘 버티는지 궁금했던것 같네요. 몇년전만해도 사이트 최적화라고 하면, Web Server와 WAS(Web application server) 자체의 성능과 DB 의 성능 , 또한 컴파일과정에서 발견하기 어려운 DB 와 Application Interface 를 맟.. 더보기
몇 가지 눈에 띄는 자바스크립트 책 한동안 국내에 Ajax에 대한 책이 시장에 많이 나오더니 어느 순간부터 뚝 끊겼습니다. 냉정하게 바라보면 Ajax에 대한 책 대신 iPhone/Android에 대한 책으로 관심이 옮겨진 것으로 보입니다. 인기 순위가 역전된 것이죠. 하지만 아마존을 뒤져봐도 비슷한 느낌이 들었습니다. 특별히 관심을 가질만한 자바스크립트 책이 눈에 보이지 않았습니다. 그 사이에 눈에 띄는 책이라고는 현재도 한참 글을 쓰고 있는 John Resig의 Javascirpt Ninja(2011년 2월 말 출간 예정)나 jQuery Novice to Ninja(2010년 2월 출간) 정도일까요. 그런데 오늘 우연히 아마존에서 자바스크립트에 대한 책을 검색해보니 책 몇 권이 눈에 들어와 간단하게 적어봅니다. 아직 저도 구매하지는 않았.. 더보기