본문 바로가기
[JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript 웹을 구성하는 아주아주 원초적인 언어들을 이야기하라면 HTML, CSS, JavaScript 를 들 수 있겠다. HTML 은 Contents 를 표현하는데 사용되고, CSS 는 Visual 을 담당하고 JavaScript 는 Interaction 을 통해 Dynamic 한 페이지를 제공하는 것을 담당한다. Hello World Click Me! Click Me2! * querySelector 를 통해 검색되는 녀석은 "첫번째" 로 맞딱뜨리는 tag 이다. * addEventListener 의 parameter 들은 eventName, function, useCapture 이다. 이 중 useCapture 가 true 일때는 capturingPhase 로, false 일때는 bubblingPhase 로 작.. 2013. 5. 8.
[DOM/Tutorial] DOM 의 event flow. ( Capture, Bubble ) 참조 : w3.org 공식 홈페이지 DOM 의 event flow. DOM 의 event 는 Root Node에서부터 Target 노드로, 그리고 다시 Root Node 로 돌아온다. 이 Event 의 순환에는 phase 가 있는데 Root 에서 Target Node 까지 Event가 흘러가는 것을 Capture Phase. Target 에서의 Event 를 Target Phase. 그리고 Target 에서 Root Node 로 다시 돌아오는 것을 Bubbling Phase 라고 한다. * addEventListener 를 걸 때, 세번째 인자인 useCapture 를 true 로 주게 되면, capturingPhase 시에 callback function 이 호출되고, 반대로 useCapture를 fa.. 2013. 5. 8.
[jQuery/Tutorial] Callback 을 잘 사용해보자. JavaScript 는 Callback function 을 전달하기가 쉽다.다른 function 의 argument 로 전달하면, 해당 function 의 실질적인 작업이 끝나면 callback function 이 수행된다. jQuery #1 은 argument 가 없는 myCallBack 이란 이름의 callback function 을 등록한다.이 때 " " 를 넣어 string 화하지 않아야 하며, () 도 넣어서는 안된다. #2 는 callback 전달이 아니라, myCallBack( param1, param2 ) 의 수행결과, 즉 return value 가 get 의 2번째 argument 로 전달되는 격이다. #3 은 argument 를 2개 가진 callback function 을 등록한 경우.. 2013. 5. 8.
[jQuery/Tutorial] CSS 에서 정의한 class 적용하기 & Effect 주기. 출처 : jQuery 공식 홈페이지 jQuery ( JavaScript ) 와 CSS 는 뗄 수 없는 관계. 태그를 통해서 class 정의를 하고,addClass( "className" ) 과 removeClass( "className" ) 을 통해정의된 class 를 추가 및 제거할 수 있다. jQuery jQuery 를 통해서는 effect 를 주는 것도 쉬운데,이 예제에서 사용된 것은 천천히 사라지는 hide( "slow" ) effect 이다. 2013. 5. 8.
[jQuery/Tutorial] window.onload vs. ($document).ready 출처 : jQuery 공식 홈페이지. window.onload 는 html 의 모든 load 가 완료되었을 때 불린다.따라서 이미지가 있을 경우, 로드가 완료될 떄까지 onload 에 있는 코드는 실행되지 않는다. 반면에 jQuery의 $(document).ready 는 사용자의 조작이 가능해진 순간에 불린다.따라서 onload 보다 조금 더 실용적이다. jQuery event.preventDefault() 는 원래 기본 동작을 방지한다.위의 예에는 event.preventDefault() 코드가 들어가서 a 의 기본동작인 link 로의 연결이 되지 않는다. 2013. 5. 8.
jQuery 를 공부해야 하는 이유 ( 결심동기 ) 안드로이드 개발자로서, 이제는 Script 언어들의 기본기를 천천히 다져놓을 때라고 생각이 되었다. 그 이유는 구글이 돈독이 올라서이다.처음에는 Open 과 Free 를 추구하며 광고수익만으로 만족할 것 같이쿨한척 다하던 구글이 태도를 바꾸었다. 마냥 오픈하여 iOS 를 뛰어넘기만을 바랄 줄 알았던 구글이모토로라를 인수하면서부터 서서히 제조사들을 긴장시키더니이제는 점점 폐쇄적인 정책을 추구하며 서서히 돈을 요구하고 있다.제조사들은 안드로이드를 유료로 전향할 것이라는 예상까지도 하고 있다. 그래서 요즘 이슈가 되고 있는 것들이삼성과 Intel 의 타이젠.모질라 재단의 파이어폭스 OS.그리고 Ubuntu 계열의 Ubuntu Mobile. 요 녀석들 중에 파이어폭스 OS 의 경우는웹 브라이우저 베이스가 되는 .. 2013. 5. 7.
new html HTML Introduction HTML Versions - HTML 1991 - HTML+ 1993 - HTML 2.0 1995 - HTML 3.2 1997 - HTML 4.0.1 1999 - XHTML 1.0 2000 - HTML5 2012 - XHTML5 2013 The Declaration - 은 브라우저가 해당 document 를 정확히 표시하도록 도와준다. Common Declarations - HTML5 : - HTML 4.01 : - XHTML 1.0 : DOCTYPE Reference HTML Elements Empty HTML ELements - content가 없는 HTML element 는 empty element라 불린다. 이 그 예이다. ( XHTML 에서는 이 옳다. ) HTM.. 2013. 1. 13.
RESTful Web service: The basics 출처 : http://www.ibm.com/developerworks/webservices/library/ws-restful/ RESTful Web service : The basics Summary Representational State Transfer (REST) 는 SOAP 이나 WSDL 를 대체하는 간단한 방법으로서 인정받고 있다. REST 로 전향되는 움직임은 Web 2.0 시대에 더불어 야후, 구글, 페이스북 등이 SOAP 이나 WSDL 을 버리고 REST 로 갈아탔다는 것으로부터 알 수 있다. REST는 더 사용하기 쉽고, resource oriented model이라는 강점이 있다. The Basics - HTTP methods 를 명시적으로 사용 - Stateless - URI 처럼 D.. 2012. 12. 8.
ECMAScript(에크마스크립트, ES) 가 뭔가요? ECMAScript(에크마스크립트, ES) 가 뭔가요? - 인터넷 초창기 마이크로소프트사의 익스플로러와 넷스케이프사의 넷스케이프 네비게이터가 주력. 두 웹브라우저가 업데이트를 할 때마다 각각 다른 javascript 를 추가하여 발표. 서로 다른 javascript 언어가 되어가며, 버전이 올라갈수록 상호호환성이 떨어짐. 그래서 javascript 들의 표준을 지정하여 호환성을 올린 것이 바로 ECMAscript. 즉 한마디로 "표준 javascript." 도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x ) 2012. 11. 27.
반응형