본문 바로가기
[Script] $(function(){}) 와 $(document).ready(function(){}) 의 차이. $(function(){}) 와 $(document).ready(function(){}) 는 같은 구문이다. jQuery에서는 $(document).ready(function(){}) 이 너무나 일반적으로 사용되기 때문에 축약형으로 $(function(){}) 을 제공한다. 참고로 $(document).ready() 함수는 페이지 로딩이 끝났을 때 실행될 함수를 등록하는 곳이다. CoffeeScript 에서는 아래 형태로 사용한다. $ -> function 도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x ) 2012. 9. 26.
[Script] jQuery Reference Full version. 출처 : http://www.w3schools.com/jquery/default.asp jQuery Examples jQuery Syntax Examples$(this).hide() Demonstrates the jQuery hide() method, hiding the current HTML element.$("#test").hide() Demonstrates the jQuery hide() method, hiding the element with id="test".$("p").hide() Demonstrates the jQuery hide() method, hiding all elements.$(".test").hide() Demonstrates the jQuery hide() method, hidi.. 2012. 9. 26.
[Script] jQuery Tutorial ( 기초 강좌 ) 출처 : http://www.w3schools.com/jquery/default.asp jQuery Introduction What is jQuery? - jQuery는 적게 쓰고 많은 일을 하기 위한 JavaScript Library.- AJAX call 이나 DOM 등을 아주 간단하게 조작할 수 있게 해준다.- jQuery의 특징은 다음과 같다. 1. HTML/DOM 조작 2. CSS 조작 3. HTML event methods 4. Effects and animations 5. AJAX 6. Utilities Why jQuery? - 많은 JS framework 들이 있지만, jQuery가 가장 유명하다.- Google, MS, IBM, Netflix 가 jQuery를 사용한다.- 모든 browse.. 2012. 9. 26.
[HTML] HTML DOM( Document Object Model ) Tutorial ( 기초강좌 ) 출처 : http://www.w3schools.com/htmldom/default.asp HTML DOM Introduction What is the DOM - W3C standard - HTML 이나 XML 을 접속하는 표준. - DOM 은 Document Object Model 의 약자. - program 이나 script 가 동적으로 document 의 내용, 구조, 스타일 등을 access 혹은 update 할 수 있도록 도와주는 언어체계 - DOM은 크게 3개의 part 로 나누어진다. 1. Core DOM ( any structure ) 2. XML DOM ( XML structure ) 3. HTML DOM ( HTML structure ) - DOM은 모든 document element의 .. 2012. 9. 25.
[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.
반응형