본문 바로가기

전체 글

 (219)
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 룩업..
CGI.....??? 갑자기 궁금해 져서..... 요즈음 웹쪽을 공부하고 있는데 문득 cgi가 궁금 해졌다. 중학교 시절 홈페이지를 만들어 보고 그위에 Painting 기능을 넣어주고 싶어서 cgi를 지원해주는 웹 호스팅 무료 계정을 찾아 다니고, 가까스로 cgi 파일을 ftp로 서버에 올려서 사용하던게 생각난다. 그당시 느낀바로는 cgi를 설치? 혹은 깔다? 의 개념으로 맘대로 생각햇었는데... 지금은 프로그래밍 전공자이고 하니, 한번 나름 정리해서 적어 놓아 보고자 글을 쓴다. 자~ 그럼...CGI란? 무엇인가? 를 묻기 전에 먼저 웹 에대해서 간략이 적어보고자 한다. -------------------------------------------------------------------------------- 웹 서버는 동적인 컨텐츠 생성을 할 수..
[JavaScript] - Prototype 과 Constructor !!! http://itux.tistory.com/28 님의 글에서 정보를 제공받았습니다. 굉장이 혼란스러운 개념이다... 처음 접했을때 이게 뭐지? 아직도 감이 안온다. 그래도 한번 정리해 보자! 개념을 설명하기에 앞서.. javascript에서 사용하는 용어가 정확히 무엇을 정의하는지부터 살펴보자. 용어의 정의 ECMA-262 표준을 이용하였다. primitive value : type이 Boolean, Number, String ( Undefined, Null ) 인 값들. Undefined, Null은 일반적인 자료형이 아닌 다소 특이한 유형이므로 가로를 적용하였다. object : An object is a collection of properties and has a single prototype o..
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..
[jQuery] - jQuery Mobile 요즈음 웹 개발에 있어서 하나의 트렌드로 자리 잡은 것이 바로 모바일 웹 개발이다. 1세대의 모바일 웹 개발은 확실히 HTML보다 가벼워야 했고 하드웨어의 제한 사항이 큰 편이었기 때문에 WML과 같은 메타 언어의 존재감이나 그 수요가 분명했다. 하지만 모바일 기기와 일반 PC의 사양 차이가 날이갈수록 좁혀짐은 물론, 이제 모바일 기기가 경우에 따라서는 일반 PC나 렙톱 컴퓨터 보다 훨신 더 유용해지고, 쓰임새가 많아지게 되면서 이런 구분이 모호해지게 된다. 아이폰, 아이팟, 아이패드, 그리고 안드로이드 계열이나 크롬 북을 포함하여 상당히 많은 수의 브라우저들을 고려하는 모바일 웹 사이트가 필요했다. 물론 이들 모두 일정 수준 이상의 HTML5와 CSS3, 그리고 JavaScript 렌더링 엔진을 갖추고..
Runtime에 대한 개인적인 생각... CLR이란? CLR을 언급하기에 앞서 잠시 그 배경에 대해서 적어봐야겠다. 초기에 MS도 Java를 사용했었다. 그당시 SUN과 MS는 사이가 좋지 않았다. 그래서 SUN에서 MS보고 Java 쓰고 싶으면 일정 금액을 지불 하라 말했다. MS에선 싫다고 했고, Java를 사용하지 않겠다 말했다. 하지만 MS내부에선 JavaX라고 Java비슷한 언어를 만들어 사용하고 있었다. 자세한 내막은 모르겠으나... C언어를 이용하여 객체지향적 언어를 개발하여 C++이 만들어졌으며 이후 C#이 개발 되었다. 초기에는 VB으로 window의 모든 Application들이 개발되었으며 이후 MFC의 탄생으로 MFC로 개발이 되기도 하고 Visual Studio가 개발이 되어온것이다. 이런 모든 환경을 지칭하는 단어가 ...

티스토리툴바