본문 바로가기

JQuery

자바스크립트를 배우는 좋은 방법 자바스크립트를 배우는 좋은 방법이라는 글이 올라왔는데 상당히 수긍할 수 있는 내용이라 간단히 요약하고 의견을 추가해본다. 원문은 http://net.tutsplus.com/tutorials/javascript-ajax/the-best-way-to-learn-javascript/ 이다. 0번째: 어떤 것이 자바스크립트인지 이해하기자바스크립트가 정확히 무엇을 의미하는지를 이해해야 한다는 요지이다. 그리고 라이브러리를 사용하기 전에 자바스크립트를 먼저 익히라고 조언해준다. 첫번째: 코드카데미(Codecademy.com)에서 자바스크립트 코스 수강하기최근 코드카데미에서 파이썬을 공부했었는데 여기서도 첫번째로 코드카데미를 추천한다. 내용이 일반인을 대상으로 하고 있기 때문에 매우 쉽게 공부할 수 있다. 두번째: .. 더보기
Codecademy 이용 후기 며칠동안 파이썬 공부를 시도해봤다. 몇 년 전에 책을 사서 보기도 했고, 업무에 간단히 적용해본 기억도 있지만 워낙 오랫동안 관심 밖에 있던 언어라 다시 봐도 새로웠다. 무엇보다도 파이썬을 선택한 이유는 널리 사용되기 때문이다. 국내에서는 PHP보다 사용자가 적은 느낌이기는 하지만 해외에서는 많은 스타트업에서 파이썬을 선택한다. 심지어 구글도 처음 시작했을 때는 파이썬을 사용했다. PHP를 잘 한다고 하기에는 무리가 있지만 무엇보다도 새로운 - 그러면서도 쓸만한 - 언어를 배운다는 것에 더 무게중심을 두고 파이썬을 선택했다. 이번에 파이썬을 공부하면서는 책을 보지 않았다. 대신 Codecademy (코드카데미)를 이용했다. 일단 두꺼운 책을 들고 다니면서 살펴보는 것도 부담스러웠지만 언젠가부터 책으로 공.. 더보기
Bay Area jQuery Conf 2011에서 관심 가는 동영상 몇 개 지난 4월 16일부터 17일까지 샌프란시스코에서는 jQuery 컨퍼런스가 열렸습니다. 국내에는 jQuery는 커녕 일반적인 자바스크립트 또는 자바스크립트를 포함한 UI 개발 관련 행사가 하나도 없다는 점을 생각해보면 이런 특정 라이브러리의 컨퍼런스가 열릴 수 있다는 것은 부러운 일입니다. jQuery Conf 2011의 세션을 잠시 살펴보면 모바일에 대한 내용, 개발 방법이나 퀄리티 도구를 사용하는 방법, 유닛 테스트, jQuery의 활용, 하이브리드 모바일 앱 등 이제는 단순한 jQuery의 활용을 벗어나 다양한 주제에 대한 내용이 포함되어 있습니다. 점점 대단하다는 생각밖에 들지 않네요. 이 중 몇 개의 세션을 녹화한 동영상이 온라인에 공개되어 있는 것을 우연히 발견했습니다. 동영상 중 제가 관심있는.. 더보기
JavaScript 특징의 이해 - JS의 중심 Function 살펴보기(2) Callback Function 먼저 아래의 예제를 살펴봅니다. function execCode(callback){ //함수내용이 어쩌구 저쩌구 callback(); //이러쿵 저러쿵 } function makeToy(){ //이리저리 주절주절 } execCode(makeToy); 위의 예제에서 makeCode함수를 callback함수라고 합니다. 이러한 callback함수는 어디에 사용될까요? 첫번째로 event listener로 사용됩니다. document.addEventListener("click",eventFunction(),false); 이벤트가 실행될때 어떠함수가 실행되도록 지정하는 것도 일종의 callback함수입니다. 두번째로 Timeout()가 있습니다. var testFun=functi.. 더보기
자바스크립트 프레임웍 제대로 알고 사용하기 jQuery라는 것을 많이 들어보셨을 것 같습니다. 자바스크립트 프레임웍이라고 하는 것인데요, 자바스크립트 라이브러리라고도 합니다. 이번엔 자바스크립트 프레임웍이 어떤 특징을 가지고 있고, 어떤 장점을 가지고 있는지 한번 확인하겠습니다. 자바스크립트 프레임웍의 올바른 이해를 통해 100% 제대로 활용할 수 있는 계기가 되면 좋겠습니다. 자바스크립트 개발은 서버사이드 개발과 비교할 수는 없지만 결코 더 쉽지 않은 이유가 많습니다. 어디에서 명세화 되어 있지 않은 브라우저 호환성(compatibility) 문제의 경우 개발자의 디버깅으로 하나하나 해결해야 합니다. 또한 자바스크립트의 구현은 어찌나 어렵고 귀찮은지, 특히 OOP개념으로 구현된 코드를 수수정하거나 읽는 것만으로도 힘이 듭니다. 이 뿐만이 아닙니.. 더보기
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를 추가하여 더 나은 동작을 할 수 있도록 만들어 졌습니다. 이렇게 만들 경우 대부분의 브.. 더보기
jQuery 1.4.3 이 릴리즈 되었습니다. 일주일 전부터 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 소스 내의 모듈간의 내부 의존성을 없앴다고 합니다. 이로써 소스 내의 개별 모듈만.. 더보기