All-round programmer

* 이번에 간단하게 웹을 통해서 몇백KB 정도 되는 데이터를 웹에서 불러다가 처리하는 개인 프로젝트를 개발하다가 매번 몇백KB를 불러오는게 부담이 되어, localStorage의 캐쉬를 이용하는 간단한 웹을 만들고 있었는데 안드로이드와 구형 아이패드에서는 잘 되는데 이상하게 최신 아이폰5에서는 잘 안되는 것이었다. 왜그런가 살펴보다가 디버깅툴을 이용해서 이것저것 테스트하다가 아래와 같은 에러가 일어나는 것을 발견했다. "QuotaExceededError: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota." : 대충 너무 큰 사이즈의 데이터를 입력하려고 했다는 의미인 것 같았는데, 검색해보니 i..

* 웹 개발에 있어서 가장 중요한 것은 현재 브라우져의 점유일 것이다. 오랜만에 최근의 브라우져 점유가 어떤지 점검하고 대략적인 개발 방향, 호환성 테스트를 결정하는데 있어서 참고가 될 수 있도록 항상 최신 통계 자료를 참고하면 좋을 것이다. : 작년에 gs.statcounter.com의 현황을 가져온 이후로 벌써 1년이 지났기 때문에 작년 2013년 동안 어떠한 변화가 있었는지 살펴보자.2012/12/12 - [HTML5] 브라우져별 지원 현황(canvas, getUserMedia, WebSockets) 살펴보기 : 아래는 gs.statcounter.com에서 최신 점유 브라우져 데이터를 수집한 결과이다. 이것은 절대적인 의미를 부여하기 보다는 전체적인 흐름을 살펴보는데 도움이 될 것이고, 아래의 통계..

* 일반적으로는 a href="#아이디"등과 같이 사용자가 클릭을 해야하는 경우가 있는데, 이러한 경우가 아닌, 자바스크립트로 이동하는 방법을 알아보자. 이러한 경우는 페이지의 bookmark를 등록하거나 할 때 해당 위치로 이동하도록 할 때에 편리할 것이다. : 먼저 html에 id를 준다. : 그리고 해당 element로 이동하고 싶을 때 아래와 같은 자바스크립트를 호출하면 된다. location.href = "#"; location.href = "#bookmark"; : 이 방법은 아주 쉽게 의 링크/버튼을 누르지 않고 그와 같은 효과를 이끌어낼 수 있다. 하지만 url의 뒤에 #bookmark가 추가되는 불편함(?)이 있을지도 모른다. 사실, url이 그렇게 변하는 것은 미관상(?) 안 좋을수도 ..

* 자바스크립트의 오브젝트로 만들었을 경우에는 쉽게 특정 값에 대하여 삭제 가능하지만 배열인 경우에는 다소 어렵다. 게다가 IE8 이전 버전은 조금 귀찮기도 하다. 따라서 다음과 같은 간단한 함수를 하나 만들어둬도 괜찮을 것이다. function remove(arr, value) { var i; if (arr.indexOf) { // IE9+, 다른 모든 브라우져 while((i = arr.indexOf(value)) !== -1) { //해당 값이 arr에 있는 동안 루프 arr.splice(i, 1); } } else { // IE8 이하 for (i = arr.length; i--;) { //뒤에서부터 배열을 탐색 if (arr[i] === value) { arr.splice(i, 1); } } }..

* 오랜만에 Heroku로 node.js 프로그래밍을 해보려고 새로운 작업환경에 heroku toolbelt를 깔고 foreman을 실행하려고 했는데 아래와 같은 에러가 일어난다. : 옛날만 해도 아무런 이상없이 잘만 동작하던게 이렇게 안되니까 답답~했는데 찾아보니까 루비에 깔리는 foreman 0.63버전에서는 동작이 조금 다르게 되는가보다. 따라서 아래와 같이 foreman을 언인스톨하고 기존에 지원하던 0.61.0 버전을 까니까 잘 돌아간다. gem uninstall foreman gem install foreman -v 0.61.0 : 그럼 다시 작업시작! 끝.

* 이번에는 마우스 오버 이미지 배너를 만드는 방법을 알아볼 것이다. 이러한 마우스 오버될 때 이미지가 변경되는 것은 다양한 방법들이 있는데, 이러한 방법들을 해당 태그의 중요도나 위치에 따라서 다르게 구현하는 방법들을 적용하면 UX가 향상된 홈페이지를 만들 수 있을 것이다. 만약 모든 경우에 오직 한가지 방법만 고집한다면 각 방법들의 적용 방법을 익혀서 필요에 따라서 사용한다면 아주 좋을 것이다. - 이전글2013/11/01 - [밑바닥부터 홈페이지 만들기] 예고편2013/11/01 - [밑바닥부터 홈페이지 만들기] HTML5 기본 템플릿, DOCTYPE 종류2014/01/13 - [밑바닥부터 홈페이지 만들기] 최종 목표 예고 - toc21.com2014/01/15 - [밑바닥부터 홈페이지 만들기] n..

* 지난번에 이어서 이번에는 HTML과 CSS로 드롭다운(드랍다운/drop down) 가로형 메뉴를 만드는 것을 해보자. 기존에는 플래시를 이용하거나 복잡한 자바스크립트를 사용해야했지만 이제는 CSS와 HTML만으로도 다양한 효과의 드랍다운 메뉴를 만들 수 있게 되었다. 물론 IE9이상 버전이어야 좀 제대로 보이기는 할테지만 CSS를 기반으로 만들게 되면 IE8에서도 투박하기는 하지만 기능은 제대로 동작하게 된다. 지금까지 있었던 그러한 투박한 드랍다운 메뉴를 생각한다면 CSS3를 얕보고 있는것이다. CSS3는 웹개발자 본인의 능력에 따라서 얼마든지 화려한 기능을 부여할 수 있다. "물론 CSS3는 IE 사용자인 경우 10버전 이상에 한해서 멋지게 되는 것이지만 말이다. 다른 브라우져는 다 잘된다!" *..

* 자바스크립트의 간단한 함수들을 이용하면 진수변환을 아주 쉽게할 수 있다. 10진수 16진수 2진수 8진수 * 10진수 -> 16진수 var dec = 123; var hex = dec.toString(16); // === "7b" * 10진수 -> 2진수var dec = 123; var bin = dec.toString(2); // === "1111011" * 16진수 -> 10진수var hex = "7b"; var dec = parseInt(hex, 16); // === "123" * 16진수 -> 2진수 (* 10진수로 바꿨다가 다시 2진수로 바꾼다)var hex = "7b"; var bin = parseInt(hex, 16).toString(2); // === "1111011" * 2진수 -> ..

* 원래 웹사이트의 아이콘을 먼저 만드는 작업을 하려고 했는데, 디자이너의 작업이 늦어지면 이러한 아이콘 또한 늦게 나오기 마련이다. 따라서, 먼저 대략적인 구조를 받기 전에 요즘 웹페이지에 거의 들어갈만한 메뉴를 html과 css로 만들어보자. 화려한 애니메이션이나 이러한 옵션은 나중에 기획이 확정되면 넣기로 하고 일단 기본적인 틀만 만들어보자. - 이전글 2013/11/01 - [밑바닥부터 홈페이지 만들기] 예고편 2013/11/01 - [밑바닥부터 홈페이지 만들기] HTML5 기본 템플릿, DOCTYPE 종류 2014/01/13 - [밑바닥부터 홈페이지 만들기] 최종 목표 예고 - toc21.com * 작업하던 소스 : 지난번에는 기본적인 템플릿을 만들어서 기본 html 개발을 하기 전에 준비 단계..

* 그동안 퇴근 이후에 짬짬히 만들면서 쓰려고 했던 시리즈가 본업이 바빠지면서 전혀 진행을 못했었는데, 부업으로 개발을 하던 홈페이지가 베타로 오픈을 하게 되어서 일단 현재 베타의 상태를 현재 쓰고 있는 '밑바닥부터 홈페이지 만들기' 시리즈의 최종목표가 될 것이라는 생각이 들어서 먼저 최종 목표와 다루게 될 내용들을 먼저 정리하고자 한다. - 이전 글 2013/11/01 - [밑바닥부터 홈페이지 만들기] 예고편 2013/11/01 - [밑바닥부터 홈페이지 만들기] HTML5 기본 템플릿, DOCTYPE 종류 * 목표 : 뭐든지 목표 설정이 중요하기 때문에, 현재 생각하고 있는 목표는 "toc21.com"의 홈페이지에 나와있는 컴포넌트들에 대해서 만드는 방법들을 설명하는 것이다. http://www.toc..

* 이번에는 웹개발자들이 좋아하는 툴 중 하나인 Sublime text와 git를 연동시켜보자. (만약 한번도 안써봤다면 정말 추천하는 툴 중 하나이니까 한번 깔아보고 사용해보자! 유료이지만, trial은 기간제한없는 무료이니 깔아보고 사용해보고 마음에 들면 구입하면 된다.) - 이전 글2013/10/11 - [Git] 버전관리로 Git을 사용해보자! - 소개2013/10/12 - [Git] 버전관리로 Git을 사용해보자! - 설치2013/10/21 - [Git] 버전관리로 Git을 사용해보자! - 기본 명령어2013/10/31 - [Git] 버전관리로 Git을 사용해보자! - github에 무료 저장소 만들기2013/12/08 - [Git] 버전관리로 Git를 사용해보자! - 이클립스와 Github 연..

* 이번에는 실제 개발환경으로 많이 쓰이는 이클립스에서 이전에 만들었던 github 저장소와 연동시켜보자. 요즘 안드로이드 개발을 많이 하지 실제로 안드로이드 소스를 예제로 삼아서 올려보도록 하겠다. - 이전 글2013/10/11 - [Git] 버전관리로 Git을 사용해보자! - 소개2013/10/12 - [Git] 버전관리로 Git을 사용해보자! - 설치2013/10/21 - [Git] 버전관리로 Git을 사용해보자! - 기본 명령어2013/10/31 - [Git] 버전관리로 Git을 사용해보자! - github에 무료 저장소 만들기 * 이클립스 설치: 이클립스 설치는 다른 글들에서도 많이 다뤘으므로 건너가도록 하고 설치가 되어있지 않다면 아래의 사이트에서 다운로드항목에 가서 본인에 적합한 이클립스 종..

* 이번에는 진짜로 실용적으로 쓸 수 있는 내용들을 쭉 한번 살펴보자. 지난번의 글로벌 변수에 대한 내용도 사실은 진정한 '프로그래머'라면 글로벌 변수를 잘 안 쓸테니 별로 쓸일도 없을거라고 생각하면 그다지 실용적인 내용은 아니라고 볼 수 있다. 하지만 이번에는 변수 선언을 하면서 들이면 좋을 습관들과 왜 그렇게 하는 것이 좋은가에 대한 내용까지 다루면서 자바스크립트를 개발하면서 습관들이면 좋을 내용들을 다룰 것이다. - 이전글 2012/12/10 - [속깊은 자바스크립트 강좌] 시작 (예고편) 2012/12/17 - [속깊은 자바스크립트 강좌] 자바스크립트의 Scope와 Closure 기초 2013/01/07 - [속깊은 자바스크립트 강좌] function declaration vs function e..

* 홈페이지를 밑바닥부터 만들 때 가장 먼저 해야할 것은 기본 틀을 만들어두는 것이다. 이제 거의 모든 브라우져들이 HTML5를 지원해주므로 HTML5에서 사용하고 있는 기본 템플릿을 살펴보자. - 이전글 2013/11/01 - [밑바닥부터 홈페이지 만들기] 예고편 * Zen-coding의 HTML5 템플릿 : 웹 개발을 하는데 잘 쓰면 유용한 개발 플러그인 중에 Zen-coding이라는 플러그인이 있다. 이 플러그인이 어떤 플러그인인가 하면 코딩을 단축키의 연속으로 하듯이 간단한 문자열로 소스코드를 바로바로 생성할 수 있는 플러그인이다. 이러한 Zen-coding에서 HTML5용 템플릿을 생성하면 아래와 같은 템플릿이 나오게 된다. : 나중에 기회가 되면 이 플러그인에 대해서 별도로 다루기로 하고, 우..

* [밑바닥부터 홈페이지 만들기] 예고편 : 어쩌다가보니 주변에 홈페이지 만드는 일을 도와주게 되었는데, 오랜만에 다시 웹 개발을 하게 되니 고향에 온듯 기분이 아주 좋고 마음이 편안하다. 이번에 기획하고 있는 홈페이지는 xe등과 같은 툴을 사용하지 않고 그야말로 '밑바닥부터' 멘땅에 헤당하며 만들 예정이라, 계속 개발을 진행하면서 그 과정을 누구나 따라할 수 있게 기본적인 내용들을 한번 소개 해보려고 한다. : 이번에 개발하게 되는 컨셉은 대충 만들어가고 있는데 얼추 다음과 같이 될 것이다. 플래시 없음 XE 등 툴 없이 순수 코딩 php/mysql 활용 순수 자바스크립트 활용 html5의 구조적 태그들을 최대한 준수 모바일 웹 고려 반응형 웹 외부 사이트의 API 활용 - 이미지/동영상 예정 High..

* 이번에는 무료로 서비스를 제공하고 있는 github에 저장소를 만들어보고 다음에는 이클립스와 sublime text로 연동해서 소스를 올리는 것을 한번 해보자. 사실 이렇게 하는 것이 아마 개발자로서는 거의 모든 일일 것이다. - 이전 글2013/10/11 - [Git] 버전관리로 Git을 사용해보자! - 소개2013/10/12 - [Git] 버전관리로 Git을 사용해보자! - 설치2013/10/21 - [Git] 버전관리로 Git을 사용해보자! - 기본 명령어 * Github 가입하기: 먼저 Github에 가입이 되어있지 않으면 가입해야한다. 사용자 이름, 이메일, 그리고 비밀번호를 입력한 다음, 초록색 버튼을 클릭하여 가입신청을 하자. http://github.com : 가입 신청이 끝나면, gi..

* 지난번까지는 너무 속으로 깊이 들어간것 같은 기분이 들어서 다시 표면으로 좀 올라와서 실용적으로 자바스크립트 개발을 할 때 참고할 수 있을만한 내용을 다루고자 한다. 지난번에 예고 했듯이, '변수 선언'의 기본에 대해서 알아보기로 하자. 대략 2~3번에 나눠서 살펴볼 것인데, 우선적으로 1. 글로벌에 대한 내용, 2. 로컬 변수에 대한 내용과 멤버 변수의 접근 방식, 그리고 마지막으로 3. 성능을 고려한 적절한 변수 선언 방법까지 다루어볼 예정이다. 일단 이번에는 첫번째로 글로벌 변수에 대해서 살펴보자. * 이전글 2012/12/10 - [속깊은 자바스크립트 강좌] 시작 (예고편) 2012/12/17 - [속깊은 자바스크립트 강좌] 자바스크립트의 Scope와 Closure 기초 2013/01/07 -..

- 이전 글 2013/10/11 - [Git] 버전관리로 Git을 사용해보자! - 소개2013/10/12 - [Git] 버전관리로 Git을 사용해보자! - 설치 * Git의 명령어 소개: 이번에는 git에서 사용하는 실질적인 명령어들의 기능과 파라미터들에 대해서 살펴보자. 일단 Git Bash에서 "git"를 실행하면 다음과 같이 기본적인 목록이 나오는데, 각각에 대해서 살펴보자. * 파라미터 목록 : git 명령어에서 기본적으로 제공해주고 있는 파라미터들로 단독으로 쓰이는 것들과 명령어(command)와 조합되어 사용되는 것도 있다. 여기서 중요한 것은 필수요소인 로 git를 사용하면서 이 파라미터만 사용하게 될 것이다. 명령어의 종류는 아래에서 정리할 것이다. 파라미터 명 설명 예 [--version..

* 이전 글2013/10/11 - [Git] 버전관리로 Git을 사용해보자! - 소개 * 이번에는 Git를 설치해보고 간단한 사용법에 대하여 알아보자. 지난번에 소개해준 git 사이트로 다시 들어가자. http://git-scm.com 1. 설치 파일 다운로드: 아래의 첫 페이지에 "Download for Windows"를 클릭하면 자동으로 다운로드가 시작된다. 2. 설치파일 실행 및 설치: 다운로드 받은 파일을 실행하면 설치할 수 있다. 설치하면서 몇가지 옵션들을 선택할 수 있는데, 본인의 취향에 맞게, 컴퓨터 환경에 맞게 선택하면 된다. : 설치하는 옵션에 "Windows Explorer integration"을 선택하면 우클릭시 메뉴가 뜨도록 설정할수도 있다. 이러한 것에 예민한 사람이라면 체크박스..

* Git 사용하기: 요 몇년 사이에 구글을 통해서 다양한 프로그래밍 이슈들을 검색하다가, 또는 오픈 소스 프로젝트들을 보다가 유독 눈에 띄던 사이트가 하나 있었다. http://github.com : 바로 이 github이라는 사이트에 다양한 예제 소스코드와 각종 오픈 소스의 코드들까지 다양하게 올라오는 것을 볼 수 있었다. 처음에는 단순한 소스를 업로드할 수 있는 곳인줄 알았는데, 조금 더 알아보니 git이라는 버전 관리 프로그램을 이용한다는 것이었다. 처음으로 버전관리를 접해봤던 MS의 소스세이프 이후에 SVN에만 익숙해져 있었던 와중에 새로운 버전관리 프로그램이라 눈에 띄었고, 게다가 무료 svn 호스팅을 찾다가 만난 것이 바로 이 github이라는 꿀 같은 사이트였던 것이다. 이렇게 무료로 버전..

* 지난번에는 prototype에 대한 기본적인 사용, 그리고 내부적으로 어떻게 돌아가는지 살펴보았다. 그렇다면 이번에는 그러한 prototype를 유용하게 활용할 수 있는 상속과 기타 다른 여러 가지 상속 방법들에 대해서 공부해보자. * 이전글2012/12/10 - [속깊은 자바스크립트 강좌] 시작 (예고편)2012/12/17 - [속깊은 자바스크립트 강좌] 자바스크립트의 Scope와 Closure 기초2013/01/07 - [속깊은 자바스크립트 강좌] function declaration vs function expression 차이점2013/01/10 - [속깊은 자바스크립트 강좌] 함수를 호출하는 방법과 this의 이해2013/01/21 - [속깊은 자바스크립트 강좌] Closure의 이해 / 오..

* 이번에는 기존 안드로이드 개발자들도 다소 생소할 Fragment에 대해서 공부해보자. Fragment는 디바이스가 워낙에 다양해졌기 때문에 작은 모바일 화면, 중간 사이즈 모바일, 그리고 태블릿까지 지원해주기 위하여 코드 재사용성을 높여주기 위한 새로운 개발 디자인이기 때문에 기존의 Activity 기반의 화면 구성보다 더 발전되고 호환성이 있는 디자인을 꾸밀 수가 있게 됐다. - 이전 글 2012/11/07 - [Android(안드로이드) 앱 개발 기초] 안드로이드 프로젝트 생성하고 에뮬레이터로 앱 실행하기 2012/11/10 - [Android(안드로이드) 앱 개발 기초] 간단한 인터페이스 구현과 다른 Activity로 넘어가기 2012/11/21 - [Android(안드로이드) 앱 개발 기초] ..

* 간단한 테스트용 서버를 구하려고 하던 중 이왕 하는거 nodejs로 하고 싶어서 여기저기 nodejs 호스팅 업체들을 알아보던 중 무료로 할만한 곳이 Heroku와 AppFog가 있다는 것을 알게 되었다. AppFog를 이용하려고 했지만, 앱을 새로 만들 때 에러가 나기 때문에 일단 Heroku로 시작하기로 했다. 0. 사전 준비 : nodejs/npm 설치 - Heroku에서는 0.8.x 버전을 호환해주므로 0.8.x 버전을 설치하자. 중간의 초록색 버튼을 누르면 바로 설치가 가능하다. http://nodejs.org/ * 이제부터 무료 호스팅 서비스인 Heroku를 이용해보자. 1. Heroku 사이트에 접속 http://www.heroku.com 2. 가입하기 : 중간의 Sign Up 버튼을 클..

* 이번에는 자바스크립트에서 객체지향을 기본적으로 구현하기 위한 개념인 prototype에 대하여 공부해보도록 하자. 이 개념은 단순한 자바스크립트 처리에서는 중요하지 않고 모르고 넘어간 경우가 많이 있었을테지만, 조금 복잡한 자바스크립트 또는 자바스크립트 라이브러리를 만드는데 있어서 객체 지향적인 개념을 활용하고자할 때 유용하게 사용할 수 있어서 알아두면 좋은 개념이다. 특히, 자바스크립트가 내부적으로 어떻게 동작하는지에 대하여 조금 더 이해를 하기 위하여 반드시 알아두고 넘어가자. 이번에는 약간 하단에서 돌아가는 방식에 대하여 알아볼 것이고 다음 글에서는 실제로 활용하는 방법과 상속에 대하여 알아볼 것인데, 이번 글에서 아주 깊숙한 내용까지 다룰 것이기 때문에 지금은 겉으로만 객체를 생성했을 때 일어..

* 본 라이브러리는 MIT License를 사용하고 있습니다. * VJGraph ver 0.1 : 자바스크립트와 HTML5 태그를 이용하여 웹페이지 상에서 그래프를 그릴 수 있도록 도와주는 라이브러리를 구현해봤습니다. 현재는 그래프 그리는 기능, 실시간으로 데이터를 추가해서 그래프를 그리는 기능까지만 구현되어있습니다. * 현재 계속 업데이트 중이고, code.google.com에 있는 js파일을 직접 연결하면 추가 기능 개발 중에 변경되어 충돌이 일어날 수 있으므로 다운 받아서 사용하시고, 차후 stable 버전이 나오면 minification과 gzip을 적용할 예정입니다. * 건의 사항/오류 사항/버그 신고를 이 게시물 댓글이나 unikys at gmail.com으로 보내주시기 바랍니다. * 라이브러..

* 이전부터 자바스크립트 라이브러리를 이것저것 만들고 싶어서 Vanilla Javascript library 프로젝트를 시작하려고 합니다. 일단 제일 처음으로 시작은 HTML 상에 자바스크립트로 그래프를 그리는 라이브러리를 만들것이고 개발자들의 필요 요구를 지속적으로 지켜보고 라이브러리화할만한 것들을 라이브러리로 개발하고자 합니다. 일단 시작은 VJGraph 라이브러리를 만들고나서, 사이드 메뉴를 쉽게 설정할 수 있는 라이브러리르 만들 예정이고, 프로젝트 홈페이지는 아래와 같이 사용할 것입니다. http://code.google.com/p/vanilla-javascript-library/ * Vanilla Javascript Library는 다른 외부 라이브러리의 의존도를 최대한 낮추고 개발자들에게 필요..

* 자바스크립트에서는 이벤트를 다루는 방법은 대표적으로 3가지를 꼽을 수 있다. 1) HTML에 inline으로 등록Click me! 2) element의 onload 속성을 통한 등록 Click me! 3) addEventListener/attachEvent를 이용한 등록 Click me! : 일단 1)번부터 보면 이건 초창기 인터넷 넷스케이프 2 당시부터 사용하던 이벤트 핸들러 방식이다. 워낙에 전통적인 방법으로 오랫동안 사용해와서 많은 사람들이 아직도 사용하고 있다. 하지만 HTML을 사파리 reader 등으로 볼 때 문서로서 최적화하기 위하여, MVC 또는 MVVM 모델을 분류하기 위하여 html은 오로지 document를 표시해주는 역할을 취하게 하기 위해서는 1)번 보다는 이벤트 핸들러는 자바..

: 자바스크립트에서 string을 표기하는 방법이 여러가지가 있는데, 크게 2가지로 뽑을 수 있을 것이다. var objStr = new String("unikys"); // #1 var toStr = String("unikys"); // #2 var prmStr = "unikys"; // #3: String literal : 여기서 일반적으로 쓰이는 것은 #1번과 #3번(String literal)이고, 아마도 대부분은 #1번처럼 사용한 적도 별로 없겠지만, #1번과 약간 비슷해보이는 #2번의 표기방법도 있기는 있다. 비슷해보이는 표기법들이 C에서는 상당히 다르게 느껴지기는 하지만, 자바스크립트에서는 위의 #3번의 경우 아래와 같이 String의 함수들도 사용할 수 있다는 것이 신기하기도 하고 재미있다..

* 이번에는 자바스크립트에서 중요한 개념인 closure가 끝났으니 잠깐 쉬어가는 글로 다양한 웹 개발 방법론들에 대해서 써보려고 한다. 어렸을 때 부터 html은 조금씩 만져왔었지만, 웹개발에 대하여 처음으로 제대로 경험하고 배운 2001년 이후부터, 그리고 이후에 2004년, 2007년, 2012년 그리고 현재 중간중간 잠깐잠깐 웹 개발을 해온 동안 바뀌어온 웹 개발의 방법론들에 대하여 정리를 할 것인데, 오래 웹 개발을 해온 사람들은 추억을 되새길 수 있을 것이고, 웹 개발을 최근에 시작한 사람들은 현재 자신의 웹 개발 방법이 어느 정도로 와있나 가늠할 수 있는 계기가 되면 좋을 것 같고, 이 글을 쓰는 진정한 목표이자 "속깊은 자바스크립트 강좌"의 한 편으로 쓰는 것은 바로 초기 웹부터 사용되었던..

* Closure는 자바스크립트에서 수 많은 응용들을 할 수 있는 정말로 중요한 개념이나 자바스크립트라는 언어를 더욱더 빛내줄 수 있는 특징이다. Closure를 모르고 자바스크립트를 개발하는 것은 10년전의 웹 언어 중심의 개발 방법론에 머무르고 있는 것과 같은 것이기 때문에 10년전 웹개발자에서 진정한 자바스크립트 개발자로 나아가기 위한 기본을 이제부터 들여다보자. - 이전 글 2012/12/10 - [속깊은 자바스크립트 강좌] 시작 (예고편) 2012/12/17 - [속깊은 자바스크립트 강좌] 자바스크립트의 Scope와 Closure 기초 2013/01/07 - [속깊은 자바스크립트 강좌] function declaration vs function expression 차이점 2013/01/10 - ..