All-round programmer

* 지난번에는 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 - ..