본문 바로가기

Data

 (31)
Node.js ??? 노드란 무엇인가?? 자바스크립트는 과거에는 제대로 인정받지 못하는 프로그래밍 언어였다. 자바스크립트의 리더 중 한명인더글러스 크록포드가 2001년 '자바스크립트 : 사계에서 가장 저평가된 언어( http://javascript.crockford.com/javascript.html)이라는 글을 썼을 정도였다. 하지만 현업 개발자들이 수년 동안 자바스크립트를 발전시킨 덕분에, 2008년 더글러스 크록포드는 '세계에서 가장 저평가된 언어가세계에서 가장 인기 있는 언어가 되었다.( http://javascript.crockford.com/popular.html) 라는 글을 올리기에 이른다. 최근 HTML5의 인기와 함께 자바스크립트는 그 역사상 최고의 전성기를 누리고 있으며, 이러한 추세는 더욱 커질 전망이다...
About Local storage in HTML5 Localstorage를 보고 있는데 애매모호한 부분이 이만 저만이 아니다.따라서 간단히 정리해 보고자 한다. Web Storage는 일종의 클라이언트-사이드 데이터베이스 이다.이 데이터는 서버가 아닌 각 사용자의 브라우저에 보관된다.일반 데이터베이스와의 두드러진 차이점은 우리에게 익숙한 Key-value 형식으로 보관/갱신/호출 한다는 것이다. 이것은 Web Storage를 사용하기위해 별도의 쿼리 문법이나 복잡한 메커니즘을 이해하지 않아도 됨을 의미한다.기억하라! Web Storage는 Web Database와 마찬가지로 브라우저에서 제공하는 저장공간을 사용한다는 것.만약 사용자가 사파리에서 파이어폭스로 전환하는 경우 동일한 데이터를 가져올 수 없다는 것을 기억하라!Web Storage는 localS..
11 Hard truths about HTML5 HTML5에 관한 11가지 냉혹한 진실 11 Hard truths about HTML5 By Peter Wayner Created 2011-08-15 03:39AM HTML5 heralds some nifty new features and the potential for sparking a Web programming paradigm shift, and as everyone who has read the tech press knows, there is nothing like HTML5 for fixing the Internet. Sprinkle some HTML5 into your code, and your websites will be faster and fancier -- it'll make your..
Mobile Web _ HTML5 Performance Optimization http://velocityconf.com/velocity2011/public/schedule/detail/19976 1. Rediret를 피해라. 2. 간단해야 한다. 현재 xhtml은 무겁다. 18kb, 180dom elements, 145 has class definition, 80% ahs multiple calss defenition 현재 css도 무겁다. -> HTML5 tag를 최대한 활용 하라. -> xhtml 대신 -> div 대신 article, section, nav 등 inline속성 적극 활용. -> class 대신 ->header, footer 사용. 3. WPO 테크닉을 알아라! gzip 사용, 캐시활용잘하기, css는 맨위에 위치, script는 가능한 맨 밑에, dns 룩업..
How to Browsers Work..!!! 웹 브라우저는 어떻게 동작하는가? [허 준 회 http://opensoftware.kr] 의 PPT 참고하여 정리하였습니다. -웹 브라우저가 하는 일 URL 입력을 받는다. 서버에 요청을 보낸다. 웹페이지를 불러온다. 웹페이지에 속한 이미지, JS 파일, CSS 파일 등을 불러온다. 자바스크립트를 실행한다. 화면에 컨텐트를 표시한다. -웹 엔진이 하는 일 불러오기(Loading) 파싱(Parsing) 자바스크립트 실행 CSS 처리 레이아웃(Layout) 작업 그리기 이벤트 처리 HTML 편집 -웹엔진 아키텍처 (그림)/8 -주요 실행 흐름 -웹킷 예 -불러오기(Loading) 웹페이지와 페이지에 속한 모든 리소스를 불러오는 과정 -파싱(Parsing) HTML 문서 => DOM 트리 -HTML 파싱 특징..
Webkit Webkit Open Source Project http://www.webkit.org/building/tools.html http://qyleekr.blogspot.com/2011/01/html5.html Webkit 분석 http://blog.naver.com/PostList.nhn?from=postList&blogId=louiset26&categoryNo=3&currentPage=3 http://www.slideshare.net/MusartPark CanvasGL http://www.company100.net/?page_id=1998 Webkit Url 시퀀스분석 http://ingeec.tistory.com/11 크롬브라우저 원리 http://www.chromium.org/developers/de..
브라우저에 대한 간단한 정리 1990년대 에는 Netscape 가 브라우저 시장을 독점 했었다. 허나 Microsoft (이하 MS) 에서 Internet explorer(IE) 를 출시했다. Windows와 끼워 팔기식으로 IE는 웹 브라우저를 대표하게 되었고, Netscape는 망했다. 따라서 Netscape는 Open source로 배포되게된다. 네스케이프로 통해 만들어진 새로운 브라우저가 Mozilla의 Firefox 이다. 또한 Apple의 "Safari", Google의 "Crome" 브라우저도 뿌리를 둔다. 사파리와 크롬브라우저는 Webkit 엔진을 사용하며 Firefox는 Gecko 엔진을 사용한다. 우리가 흔히 말하고 쓰고 있는 웹브라우저는 웹 코어와 + 웹 브라우저 = 이것을 웹 브라우저라 부르는 것이다. 브라우저..

티스토리툴바