본문 바로가기
[Script] Backbone.js Tutorial ( 기초강좌 ) - Collection. 출처 : http://backbonetutorials.com/what-is-a-collection/ [Script] Backbone.js Tutorial ( 기초 강좌 ) - Model [Script] Backbone.js Tutorial ( 기초강좌 ) - View [Script] Backbone.js Tutorial ( 기초 강좌 ) - Router What is a Collection? - Backbone.js 의 Collection 은 Model 의 ordered set 이다. var Song = Backbone.Model.extend({ initialize: function(){ console.log("Music is the answer"); } }); var Album = Backbone.Co.. 2012. 9. 25.
[Script] Backbone.js Tutorial ( 기초 강좌 ) - Router 출처 : http://backbonetutorials.com/what-is-a-router/ [Script] Backbone.js Tutorial ( 기초 강좌 ) - Router [Script] Backbone.js Tutorial ( 기초강좌 ) - View What is a Router - hash tags(#) 를 사용하는 경우에 application 의 URL 을 routing( 다른 곳으로 연결 ) 해주는 역할. - router 는 반드시 최소한 한 개 이상의 route 와 function 이 mapping 되어야 한다. - routes 는 url 속에 # 이후의 모든 것을 해석한다. 모든 링크는 "#/action" 이나 "#action" 을 타게팅해야 한다. ( 전자처럼 사용하는 것이 조금 .. 2012. 9. 25.
[Script] Backbone.js Tutorial ( 기초강좌 ) - View 출처 : http://backbonetutorials.com/what-is-a-view/ [Script] Backbone.js Tutorial ( 기초 강좌 ) - Model What is a View? - Backbone.js 의 View 는 Model 을 어떻게 display 할 것인지를 명시 - View 관련된 event 를 listen & react 하는 역할. - Backbone.js 는 jQuery 를 공식적으로 지지하기 때문에, 다른 library 와의 event는 호환이 안 될 수 있다. SearchView = Backbone.View.extend({ initialize: function(){ alert("Alerts suck."); } }); // The initialize functio.. 2012. 9. 24.
[Script] Backbone.js Tutorial ( 기초 강좌 ) - Model 출처 : http://backbonetutorials.com/what-is-a-model/ [Script] Backbone.js 란? Backbone.js 를 한마디로 하면? - Backbone.js 는 기능성과 구조를 잡는것을 도와주는 작은 JavaScript 라이브러리이다. - MVC 모델을 따른다. What is model? - Backbone.js 에서 말하는 Model 은 Conversion, Validation, Computation, Access control 을 하는 interactive data. Person = Backbone.Model.extend({ initialize: function(){ alert("Welcome to this world"); } }); var person = .. 2012. 9. 24.
[Database] Redis가 뭔가요? 출처 : http://dev.kthcorp.com/2011/07/28/redis-buildingfast-lightweight-webapp/ 레디스가 뭔가요? - 수많은 request를 디스크 I/O 없이 빠르게 처리하기 위해서 in-memory key-value DB ( or store ) 가 각광받고 있으며, Redis 는 in-memory DB 의 한 종류. - Redis는 vmware가 지원하고 있는 오픈소스 프로젝트. 메모리를 주 저장영역으로 사용하고 디스크는 보조적으로만 지원, key-value 형식의 데이터 저장 지원. - node.js 외에도 다양한 언어를 지원하며 ANSI C로 되어 있어 포팅이 용이. - 속도는 기존의 memcached 보다 조금 더 빠르거나 비슷한 정도 - Redis 는.. 2012. 9. 24.
[Script] JavaScript Prototype 과 상속 제대로 이해하기 http://run2you.tistory.com/12 http://run2you.tistory.com/13 http://dev.naver.com/tech/ajaxui/ajaxui_3.php#a_3_1 http://blog.naver.com/jjoommnn/130125787219 JavaScript( 이하 JS )는 class 의 개념이 없고, class 개념은 function 으로 대체된다. Java 와 같은 classical OOP 는 아니지만 상속을 이용할 수 있다. var Drama = function( name ){ this.name = name; this.getName() = function(){ return this.name; } } var goldenTimes = new Drama( '골든 .. 2012. 9. 24.
[Script] CORDOVA 란? 출처 : http://incubator.apache.org/cordova/ CORDOVA 란? - JS를 이용하여 native device 에 접근할 수 있도록 하는 device API set. 이것으로 HTML, CSS, JavaScript를 이용해 앱을 만들 수 있다. - Java, Objective-C 등의 native code 없이 앱을 만들수 있다. - JS 자체가 web 표준을 따르기 때문에, 대부분의 장비에서 별도 코드 수정 없이 사용가능한 앱을 만들 수 있다는 장점이 있다. Android, iOS, blackberry, Windows Phone, Palm WebOS, Bada, Symbian 모두 사용 가능하다. 도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x ) 2012. 9. 23.
[Script] CoffeeScript Tutorial & Sample Codes ( 기초강좌 & 샘플코드 ) 출처 : http://coffeescript.org/ Coffee Script 소개- CoffeeScript 는 컴파일하면 JavaScript 가 되는 작은 규모의 언어.- JavaScript의 라이브러리를 가져다 쓸 수도 있다.- 컴파일시에는 JavaScript Lint 를 통해 컴파일되기 때문에 안정성 측면에서 좋다.- CoffeeScript 로 작업하면 보통 자바스크립트 코드보다 빠를수도 있다. ( 최적화 코드로 치환되며 실수가 적어져서 )설치와 사용- CoffeeScript 의 컴파일러 "coffee" 는 Node.js 의 유틸로서 사용할 수 있다. 하지만 사실 CoffeeScript 자체가 Node.js 에 의존하고 있는 것은 아니다. > coffee -c test.coffee- test.cof.. 2012. 9. 22.
[Script] Handlebars example or sample code ( 샘플 코드 ) 출처 : http://blog.teamtreehouse.com/handlebars-js-part-2-partials-and-helpers 도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x ) 2012. 9. 22.
반응형