HTML5가 개발자에게 '기회의 땅'인 이유- 블로터포럼 link# 웨비/web07_webTip 2010/02/02 14:15

HTML5가 개발자에게 '기회의 땅'인 이유- 블로터포럼 link#
http://www.bloter.net/wp-content/bloter_html/2010/02/24791.html
저작자 표시 비영리 변경 금지

'웨비 > web07_webTip' 카테고리의 다른 글

HTML5가 개발자에게 '기회의 땅'인 이유- 블로터포럼 link#  (0) 2010/02/02
/script/ 최초 부모창-팝업1-팝업2 최초 부모창  (0) 2010/01/25
웹 성능 향상 개발 방법  (0) 2010/01/25
/script/ 페이지 내 div 좌표값  (0) 2010/01/25
Jquery ex.  (0) 2009/10/02
semanticWeb  (0) 2009/05/23
html5
트랙백0개 , 댓글0개
/script/ 최초 부모창-팝업1-팝업2 최초 부모창 웨비/web07_webTip 2010/01/25 18:16

별 것 아닌거 같지만 단순한 듯 하지만 항상 필요시에는 헷갈리거나 고민하게 되는 것

최초 부모창-팝업1-팝업2 최초 부모창
parent.opener.location.reload(); 
저작자 표시 비영리 변경 금지

'웨비 > web07_webTip' 카테고리의 다른 글

HTML5가 개발자에게 '기회의 땅'인 이유- 블로터포럼 link#  (0) 2010/02/02
/script/ 최초 부모창-팝업1-팝업2 최초 부모창  (0) 2010/01/25
웹 성능 향상 개발 방법  (0) 2010/01/25
/script/ 페이지 내 div 좌표값  (0) 2010/01/25
Jquery ex.  (0) 2009/10/02
semanticWeb  (0) 2009/05/23
script, 쉬운게 더 어려운 법
트랙백0개 , 댓글0개
웹 성능 향상 개발 방법 웨비/web07_webTip 2010/01/25 18:10

1. Make fewer HTTP requests
- 사용자 응답시간의 80%는 프론트앤드단에서 발생, 페이지의 컴포넌트들은 각각의 http request를 유발시켜 
    페이지를 느리게 함
- ImageMaps : 같은 사이즈를 가지고 많은 량의 http request를 줄여줌
- CssRequest
- Inline Images-date : UrlSchema를 이용, 페이지에 이미지데이터를 삽입, 이미지 컴포넌트에 대한 요청 줄임

 
2. Use a CDN(Content Delivery Network)
 -  사용자의 위치에 따라서 가장 가까운 서버에 접속해 데이터를 가져오는 서비스
     야후의 경우 약 20%정도의 성능향상 확인

 
3. Add an Expires header
 - 그 날짜가 지나기 전에는 각 컴퍼넌트를 재 호출하지 않음.(아파치의 경우  ExpireDefault값을 이용하여 지정해 줄 수 있음)

 
4. Gzip Components (가장 많이 쓰여짐)
 - 압축의 방법
    http request(1.1)의 헤더에 accept-encoding헤더를 붙여 보내면 서버는 압축을 하여, 지정된 엔코딩 방식으로 압축 후
    response할 때 그 엔코딩 방식으로 같이 붙여서 보내며, 이를 브라우저가 해석
 - 현재 90%의 인테넷 브라우저가 gzip을 지원


5. Put CSS at the top
 - 야후 조사에 따르면 스타일시트를 웹페이지의 안에 넣는 것 만으로도 좋은 성능

 
6. Move scripts to the bottom
 - 대신 아래쪽에 스크립트를 넣음

 

7.  Avoid CSS expressions
 - CSS expression을 피하라 : width: expression(~~~) 식의 표현을 자제

 

8. Make JS and CSS external
 - 자바스크립트와 CSS를 외부로 빼내라

9. Reduce DNS lookups

 

10. Minify JS

 - 스크립트의 사이즈의 최소화

 - 파일을 압축 :

     http://alex.dojotoolkit.org/shrinksafe/

     캐싱되는 문제점 보완하기 위해서 <SCRIPT src="script1.js?v=001"></SCRIPT> 식으로 js src 지정자를 변형

 

11. Avoid redirects
 - 리다이렉트 페이지를 피함

12. Remove duplicate scripts
 - 중복 스크립트를 제거

 

13. Configure ETags

저작자 표시 비영리 변경 금지

'웨비 > web07_webTip' 카테고리의 다른 글

HTML5가 개발자에게 '기회의 땅'인 이유- 블로터포럼 link#  (0) 2010/02/02
/script/ 최초 부모창-팝업1-팝업2 최초 부모창  (0) 2010/01/25
웹 성능 향상 개발 방법  (0) 2010/01/25
/script/ 페이지 내 div 좌표값  (0) 2010/01/25
Jquery ex.  (0) 2009/10/02
semanticWeb  (0) 2009/05/23
웹 성능 향상 개발 방법
트랙백0개 , 댓글0개
/script/ 페이지 내 div 좌표값 웨비/web07_webTip 2010/01/25 17:48

//function view_divTop(obj){
if(obj.offsetParent == document.body)
   return obj.offsetTop;
else
   return obj.offsetTop + view_divTop(obj.offsetParent);
//}

//function view_divLeft(obj){
            if(obj.offsetParent == document.body)
                return obj.offsetLeft;
            else
                return obj.offsetLeft + view_divLeft(obj.offsetParent);
//}

<div id='div'  style='position:absolute'>

//function viewClose(){
            var gTop = view_divTop(sec); 
            var gLeft = view_divLeft(sec);  
            document.getElementById("closeimg").style.top = gTop+2+"px";
            document.getElementById("closeimg").style.left = gLeft+745+"px";
            document.getElementById("closeimg").style.display = "block";
//}
저작자 표시 비영리 변경 금지

'웨비 > web07_webTip' 카테고리의 다른 글

/script/ 최초 부모창-팝업1-팝업2 최초 부모창  (0) 2010/01/25
웹 성능 향상 개발 방법  (0) 2010/01/25
/script/ 페이지 내 div 좌표값  (0) 2010/01/25
Jquery ex.  (0) 2009/10/02
semanticWeb  (0) 2009/05/23
[최적화] javascript  (0) 2009/05/23
script
트랙백0개 , 댓글0개
Jquery ex. 웨비/web07_webTip 2009/10/02 22:28

Jquery ex.
jqueryex.txt
저작자 표시

'웨비 > web07_webTip' 카테고리의 다른 글

웹 성능 향상 개발 방법  (0) 2010/01/25
/script/ 페이지 내 div 좌표값  (0) 2010/01/25
Jquery ex.  (0) 2009/10/02
semanticWeb  (0) 2009/05/23
[최적화] javascript  (0) 2009/05/23
JavaScript와 Css 파일 링크시 파일 갱신  (0) 2009/05/23
트랙백0개 , 댓글0개
JavaScript 관련 웹사이트 웨비/web100_etc 2009/10/02 22:26

 W3C DOM(Document Object Model) : http://www.w3.org/DOM/
 JavaScript Tutorial : http://www.w3schools.com/JS/default.asp
 JavaScript Objects Introduction : http://www.w3schools.com/JS/js_obj_intro.asp
 JavaScript Advanced : http://www.w3schools.com/JS/js_browser.asp
 JavaScript Examples : http://www.w3schools.com/JS/js_examples.asp
 JavaScript Reference : http://www.w3schools.com/jsref/default.asp
 HTML DOM Window Object : http://www.w3schools.com/htmldom/dom_obj_window.asp
 HTML DOM Examples : http://www.w3schools.com/htmldom/dom_examples.asp
 HTML DOM Window Object : http://www.w3schools.com/htmldom/dom_obj_window.asp
 JavaScript Tutorial for Programmers : http://www.wdvl.com/Au3-1thoring/JavaScript/Tutorial/
 JavaScript:세상에서 가장 오해가 많은 프로그래밍 언어 : http://home.postech.ac.kr/~skyul/javascript.html
 JAVASCRIPT KIT: http://www.javascriptkit.com/cutpastejava.shtml
 Mozilla JavaScript : https://developer.mozilla.org/en/JavaScript
 Mozilla DOM : https://developer.mozilla.org/en/DOM
 Mozilla AJAX : https://developer.mozilla.org/en/AJAX
 MicroSoft JScript : http://msdn.microsoft.com/en-us/library/hbxc2t98(VS.85).aspx
 JScript Fundamentals (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/6974wx4d(VS.85).aspx
 Advanced JScript (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/b9w25k6f(VS.85).aspx
 Introduction to Regular Expressions (Scripting) : http://msdn.microsoft.com/en-us/library/6wzad2b2(VS.85).aspx
 Microsoft JScript Features - ECMA (Windows Scripting - JScript):
                                http://msdn.microsoft.com/en-us/library/d33e43t3(VS.85).aspx
 Microsoft JScript Features - Non-ECMA (Windows Scripting - JScript) : 
                                http://msdn.microsoft.com/en-us/library/4tc5a343(VS.85).aspx
 JScript Errors (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/7th8s2xk(VS.85).aspx
 JScript Functions (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/6fw3zxcx(VS.85).aspx
 JScript Methods (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/c6hac83s(VS.85).aspx
 JScript Objects (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/htbw4ywd(VS.85).aspx
 JScript Operators (Windows Scripting - JScript) : http://msdn.mi3-2crosoft.com/en-us/library/ce57k8d5(VS.85).aspx
 JScript Properties (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/xyad316h(VS.85).aspx
 JScript Statements (Windows Scripting - JScript) : http://msdn.microsoft.com/en-us/library/3xcfcb93(VS.85).aspx
 JScript Blog : http://blogs.msdn.com/jscript/
 Prototype(JavaScript framework) : http://prototypejs.org/
 jQuery : http://jquery.com/
저작자 표시

'웨비 > web100_etc' 카테고리의 다른 글

JavaScript 관련 웹사이트  (0) 2009/10/02
xNoteUrl  (0) 2009/05/23
100_SeminaR  (0) 2009/05/23
트랙백0개 , 댓글0개
semanticWeb 웨비/web07_webTip 2009/05/23 23:00

http://www.ggamnyang.com/466

시멘틱웹 -   XML에 기반한  시맨틱 마크업 언어를 기반으로 함
                 인간을 대신하는 에이전트(로봇,인공지능..etc)가 인간의 질문을 이해하고, 방대한 정보를 
                 검색하고 편집한 후,  적절한 답안을 스스로 추론하여 제공하는 것을 목표로 하는 시스템 

시멘틱웹 기술-
사람의 머리 속에 있는 언어에 대한 이해를 컴퓨터 언어로 표혆고 이것을 컴퓨터가 사용할 수 있게 만드는 것
특별한 분산환경을 갖춘 웹에 구현하자는 것->기계가 정보검색과 같은 사람의 요구를 더 잘 이해하고 적절하게  반응하기 위함 

http://readholic.tistory.com/
시멘틱 웹은 웹 상에 존재하는 정보에 의미를 부여하여 컴퓨터가 정보를 이해할 수 있도록 하는차세대 웹이다.

...Tom Gruber는 온톨로지를 다음과 같이 간략하게 정의하였다.
                          온톨로지는 개념화의 명세이다.
                          An ontology is a specification of a conceptualization.[각주:3]

 

'웨비 > web07_webTip' 카테고리의 다른 글

웹 성능 향상 개발 방법  (0) 2010/01/25
/script/ 페이지 내 div 좌표값  (0) 2010/01/25
Jquery ex.  (0) 2009/10/02
semanticWeb  (0) 2009/05/23
[최적화] javascript  (0) 2009/05/23
JavaScript와 Css 파일 링크시 파일 갱신  (0) 2009/05/23
트랙백0개 , 댓글0개
xNoteUrl 웨비/web100_etc 2009/05/23 22:59
Blog
Sitec

          http://prototypejs.org/

 
웹슬라이스 적용하는 방법
http://www.ziwoogae.com/1074
http://news.softpedia.com/news/All-You-Need-to-Know-about-IE8-WebSlices-End-Users-vs-Developers-80575.shtml

 

'웨비 > web100_etc' 카테고리의 다른 글

JavaScript 관련 웹사이트  (0) 2009/10/02
xNoteUrl  (0) 2009/05/23
100_SeminaR  (0) 2009/05/23
트랙백0개 , 댓글0개
100_SeminaR 웨비/web100_etc 2009/05/23 22:58

  •  웹테크 워크샵 "웹표준&CSS 실무 가이드 워크샵"
     - 삼성동 코스모타워 07년 4월 24일
     - TK .. 처음이니깐 가장 많이 

  • 웹 애플리케이션 컨퍼런스 2008
     - 신도림TM 08년 10월 23일

  • 개발자가 주목할 Internet Explorer8   "IE8  Developer" 세미나
     - 코엑스      09년 3월 11일
     - TK .. ie8 다른 것보다 F12 는 맘에 드는군.. 

 

'웨비 > web100_etc' 카테고리의 다른 글

JavaScript 관련 웹사이트  (0) 2009/10/02
xNoteUrl  (0) 2009/05/23
100_SeminaR  (0) 2009/05/23
트랙백0개 , 댓글0개
XML 웨비/web08_xhtml/xml 2009/05/23 22:55

XML : 정보의 호환이 가능하고 어떠한 방식으로도 제작 가능한 언어
(ex. 호환이 되지 않은 오라클데이타와 sql데이타의 정보 호환을 가능케 함.)

1) 정보 제공자는 자기 마음대로 새로운 태그 세트와 속성을 정의할 수 있다.
    즉, 사용자가 자신의 편의에 따라 혹은 자신의 데이터를 구분하고자 새로운 태그 세트를 임의로 만들 수 있다.
2) 문서의 구조는 연속적인 중첩을 허용한다.
    즉, XML은 HTML이 지원하지 않는 객체 지향적 구조 혹은 데이터베이스 스키마의 구성을 위해 필요한
    여러번의  중첩을 허용하고 있다.
3) 문서 구조의 검증이 필요한 어플리케이션을 위하여 문법적인 구별을 문서 안에서 제공할 수 있다.
    즉, 어플리케이션이 어떠한 문서를 받아들일 때 그 문서의 오류를 쉽게 판단할 수 있게 된다.
4) 구조 검색 및 전문 검색이 가능하다.
5) DTD를 이용하여 문서의 논리적 구조를 다양한 형식으로 표현이 가능하다.
   또한 하나의 문서로 각각의 목적에 맞게 스타일 시트를 적용시켜서 정보를 재가공할 수 있다.
6) 양방향 링크, 다방향 링크의 지원이 가능하다.

 

'웨비 > web08_xhtml/xml' 카테고리의 다른 글

XML  (0) 2009/05/23
XHTML 02  (0) 2009/05/23
XHTML 01  (0) 2009/05/23
XHTML/XML  (0) 2009/05/23
트랙백0개 , 댓글0개