Play it!

상용다이나믹 차트, 싱글사이트 라이센스가 90$

주택정보포털에서 사용하고 있다.

* 인덱스의 설계

http://www.dbguide.net/db.db?cmd=view&boardUid=13856&boardConfigUid=9&categoryUid=216&boardIdx=80&boardStep=1 [요약] 

최소 인덱스 구성으로 모든 접근경로에 효율적으로 접근할수 있는 인덱스를 설계하는 것이 목표

[조건]

1. 조인컬럼으로 반복 액세스되는경우

2. 분포도가 양호한 경우(10~15%)

분포도 = (데이타별 평균 row / total row) * 100

빈번히 변경되는 컬럼 제외

프로그래머 자격증이 생긴다면 그 자격증이 누구에게 가장 필요하고, 누구에게 가장 이득이 될것인가.

현직 개발자들이나 입사를 앞둔 구직자들에게?

아니면 대학 입시를 위해 가산점을 받고자 하는 학생들과 수험료를 받아 챙길 기관?

개발자의 자격을 문제풀이 시험으로 부여할 수 있다면 100점 만점이 기준일 때 100점인 자에게 한국의 빌게이츠란 칭호를 주면 되겠다.

팀쿡이 우리 나라에 와서 50점을 획득하면 그는 자격미달 개발자 나부랭이로 전락하는 것인가.

기술자 등급제가 사라졌다 싶으니 이번엔 자격증이냐.

zeroclipboard - The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.

파이썬 홈페이지에서 튜토리얼을 진행해보자.

5.의미론적 마크업(semantic markup)

의미론적 마크업이란 웹 콘텐츠 요소에 가장 적합한 의미의 HTML 코드를 부여해서 데이터가 정보로써의 가치를 갖게 된 형태를 말합니다. 의미론적 마크업은 기계적으로도 해석이 가능하기 때문에 사람의 인지 작용을 돕습니다.

설명이 어려운 듯 하지만 다음 예를 통해 쉽게 이해할 수 있습니다.

1) 문서 제목

문서의 <title>을 작성할 때 “~사이트에 오신 것을 환영합니다.”와 같은 의미 없는 문구를 공통적으로 사용하는 것은 적절한 마크업이라할 수 없습니다.

적절한 사용 예

<title> 000 대한 안내</title>

  <title>...</title> 요소는 문서의 제목을 선언하는 요소로써 다음과 같은 세 가지 측면에서 중요합니다.

첫째, 검색엔진 최적화 관점에서 가장 적은 비용으로 가장 큰 효과를 거둘 수 있습니다. 검색엔진은 본문의 콘텐츠보다 문서의 제목에 가중치를 둡니다.

둘째, 웹 브라우저의 탭에 표시되기 때문에 다른 탭으로부터 현재의 문서를 빠르게 인지할 수 있도록 돕습니다. 즐겨찾기 아이콘(Favicon)과 함께 사용하면 더욱 효과적입니다.

셋째, 화면 낭독 프로그램 사용자는 웹 문서가 열리는 순간 문서 제목을 음성으로 전달받기 때문에 시각 장애인의 탐색을 돕습니다.

  2) 섹션 제목

<h1>, <h2> 등의 마크업은 단지 글꼴의 크기를 표현하기 위해 쓰여서는 안되며 '섹션, 블럭' 콘텐츠에 대한 제목을 마크업 하는 요소로써 문서의 계층 구조를 여섯 단계로 표현 합니다.   

  적절한 사용 예

<title>사람에 관한 연구</title>

<h1>인체의 신비</h1>

<h2>뇌의 구조</h2>

<h3>전두엽의 주요 기능</h3>

<h4>타인의 아픔에 공감하는 기능</h4>

<h2>눈의 구조</h2>

<h3>망막의 역할</h3>

  <hx>...</hx> 으로 마크업 하면 제목 정렬 기능을 갖춘 소프트웨어는 보다 빠르게 원하는 콘텐츠로 이동할 수 있습니다. 이런 기능은 현존하는 화면낭독 프로그램이 대부분 지원하고 있기 때문에 웹 접근성을 높여주고 검색엔진 최적화 관점에서 <title>...</title> 다음으로 중요 합니다.

  3) <div>와 <span>

<div>...</div> 요소와 <span>...</span> 요소는 스스로는 의미를 갖지 않고 내용을 나누거나 묶는 역할을 하는 콘테이너 입니다. 때문에 제목과 내용을 구분하기 위해 마구잡이로 사용해서는 안됩니다.

<div> : 블록 요소를 위한 마크업

<span> : 블록보다 작은 단위의 인라인 요소를 위한 마크업

  의미 없는 비논리 마크업 (X)

<div>제목</div>

<div>

<div>목록 하나</div>

<div>목록 둘</div>

</div>

  의미를 살린 논리 마크업 (O)

<h2>제목</h2>

<ol>

<li>목록 하나</li>

<li>목록 둘</li>

</ol>

  226.2 이미지 대체 텍스트(alt=””)

  alt는 <img />, <area /> 요소에 필수적으로 적용되어야 할 속성이며 <input type="image" />에서는 선택적으로 사용할 수 있으나 이미지가 로드되지 않거나 화면낭독기 사용자를 위해서 반드시 작성하는 것이 좋습니다.

  1) alt 작성 규칙

의미 없는 디스플레이용 이미지는 alt 속성을 사용하되 값을 비워둡니다. 예)<img src=”경로” alt=”” />

대체 텍스트는 이미지에 표시된 텍스트와 완전히 동일하게 처리 합니다.

이미지가 텍스트를 표현한 것이 아니라 추상적인 모양의 아이콘이나 장면이라면 시각 장애인이 이해할 수 있도록 묘사합니다.

대체 텍스트의 '한글/영문' 표기를 동일하게 처리 합니다.

대체 텍스트의 '대/소문자' 표기를 동일하게 처리 합니다.

링크 걸린 이미지의 대체 텍스트로써 "~로고, ~링크, ~바로가기, ~이동합니다" 와 같은 부가 설명은 화면 낭독기 사용자에게 오히려 방해가 됩니다.

title 속성을 alt 속성 대신 사용해서는 안됩니다.

title 속성의 값으로 alt 속성과 동일한 값을 사용하는 것을 권장하지 않습니다. 두 속성의 용도가 '대체(alternative)'와 '참고(advisory)'로써 명확히 다르기 때문 입니다

  2) 이미지에 포함된 텍스트양이 너무 많을 때

[A안] 대체 텍스트 문자의 길이는 본래 제한이 없으나 너무 길어지는 경우(약 250자 이상) longdesc 속성을 이용합니다. 이 때 alt 속성의 보완적 요소로서 같이 사용되어야 합니다.

<img alt="000사 조직도. 00부서 00개의 팀이 있다." longdesc="organization.html" />

  longdesc 속성의 값은 웹 문서(*.html) 또는 텍스트 파일(*.txt) 모두 가능하지만 보다 의미 있고 형식을 갖춘 문서로 작성하려면 HTML 마크업을 지원하는 웹 문서(*.html) 포맷을 사용하는 것이 좋습니다.

  [B안] longdesc 리더기에 따라 해석되지 않기도 하기 때문에 문제의 소지가 있습니다. 대안으로 이미지를 잘라 alt 텍스트를 분산시키거나 이미지 맵을 사용할 수 있습니다.

  7.멀티미디어 요소

  1) 유효한 동영상 대체 콘텐츠

닫힌 자막 : 텍스트기반 자막으로 사용자가 원할 때 닫을 수 있습니다.(권장)

열린 자막 : 그래픽기반 자막으로 임의로 닫을 수 없습니다.

음성 해설 : 동영상에 음성이 포함되지 않았거나 일시적인 영상만을 제공하는 경우 음성해설을 삽입합니다.

텍스트 대본 : 영상 자막과 음성 해설을 제공받을 수 없는 경우 내용을 텍스트 대본으로 제공합니다.

2) Object 태그

W3C표준 코드를 이용한 플래시 플레이어 로딩

<object type="application/x-shockwave-flash" data="images/test.swf" width="90" height="90">

             <param name="movie" value="images/test.swf" />

</object>

표준 코드에 적합하나 classid가 없기 때문에 .swf 파일이 완전히 로드되기 전에는 무비가 재생되지 않아 사각형 박스가 생기는 단점이 있다.

  Hixie method

  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400">

             <param name="movie" value="flash_movie.swf">

             <!--[if !IE]> <-->

             <object type="application/x-shockwave-flash" data="flash_movie.swf" width="550" height="400">

                           <p><img src="flash_movie.png" alt="환영합니다." /></p>

             </object>

             <!--> <![endif]-->

</object>

  IE에서는 바깥쪽의 classid로 플래시 플레이어를 로딩하고 안쪽의 IE Conditional Comment로 처리된 오브젝트는 주석으로 인식이 됩니다.

표준 브라우져에서는 바깥쪽의 IE 전용 classid에 해당하는 플러그인이 인식이 안되기 때문에 오브젝트를 로딩하는데 실패를 하게 되고 대체 내용인 하위 오브젝트를 불러오게 됩니다. param 속성은 IE 및 기타 브라우저 양쪽 모두에 제공하여야 합니다. IE에서 대체 콘텐츠 활성화

  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400">

             <param name="movie" value="flash_movie.swf">

             <!--[if !IE]> <-->

             <object type="application/x-shockwave-flash" data="flash_movie.swf" width="550" height="400">

             <!--> <![endif]-->

                           <p><img src="flash_movie.png" alt="환영합니다." /></p>

             <!--[if !IE]> <-->

             </object>

             <!--> <![endif]-->

</object>

  IE를 쓸 수 있는 환경은 대부분 플래시를 쓸 수 있는 환경이지만, 이러한 환경에서도 대체 콘텐츠를 활성화 하기 위해서는 아래와 같이 사용할 수 있습니다.

* FF, IE7, IE8, 사파리, 오페라에서 정상 작동하지만 IE6에서는 안됩니다.

  8.<frameset>과 <iframe>

  frameset  사용은 사용성을 떨어뜨리고 주소가 노출되지 않아 보안적으로 오히려 위협이 될 수있습니다.  frameset셋 사용 시는 title 속성을 사용하여 적절한 설명을 해야 합니다. 

<frameset>

<frame title="메뉴" />

<frame title="콘텐츠" />

</frameset>

  내용이 없는 iframe의 사용 시 비어있다는 점을 명시해야 합니다.

<iframe title="빈 프레임"></iframe>

  ifame을 이용해 페이지를 불러들일 때 프레임의 높이를 콘텐츠에 맞게 조정하는 스크립트를 사용합니다. 부모창과 도메인이 다를 경우는 작동하지 않습니다.

..(중략)..

<script type="text/javascript">

function resizeFrame(frm) {

             frm.style.height = "auto";

             contentHeight = frm.contentWindow.document.documentElement.scrollHeight;

             frm.style.height = contentHeight + 4 + "px";

}

window.onload = function () {

           resizeFrame(document.getElementById("embeded-content"));

}

</script>

</head>

<body>

<h1>프레임 리사이즈</h1>

<p><iframe id="embeded-content" width="960" src="http://mydomain.com/"></iframe></p>

..(중략)..

  게시판과 같이 불러들인 콘테츠안에서 페이지 이동을 해야 하는 경우 아래와 같이 불러들인 페이지 안에서 부모창의 프레임 크기 조정 스크립트를 호출합니다.

  window.onload = function () {

           parent.resizeFrame(parent.document.getElementById("embeded-content"));

}

9. 디버깅

  1) 웹접근성 검사

웹접근성평가는 한국정보화진흥원에서 제작한 K-WAH 3.0에 의해 자동 평가 부문을 검사할 수 있습니다. 그 외 수동 평가 부문은 웹접근성 심사 가이드 라인을 참고합니다. http://www.wah.or.kr/

* 인터넷 웹 콘텐츠 접근성 지침(국가표준)

http://www.wah.or.kr/kwcag/kwcag10.pdf

  * 웹 접근성 향상을 위한 국가표준 기술 가이드라인

http://www.wah.or.kr/Guide/090317_%EC%9B%B9_%EC%A0%91%EA%B7%BC%EC%84%B1_%ED%96%A5%EC%83%81%EC%9D%84_%EC%9C%84%ED%95%9C_%EA%B5%AD%EA%B0%80%ED%91%9C%EC%A4%80_%EA%B8%B0%EC%88%A0_%EA%B0%80%EC%9D%B4%EB%93%9C%EB%9D%BC%EC%9D%B8_Final_Mopas.pdf * IE8의 개발자 도구의 유효성 검사탭에서 마크업 및 접근성 검사 세트를 지원합니다. * WAVE (http://wave.webaim.org/) : WebAIM에서 제공하는 웹접근성 검사도구입니다.

  2) 웹표준 마크업 유효성 검사

http://validator.w3.org/

http://validator.kldp.org/ (한국어)

해당 페이지를 열어 URI를 입력하여 직접 검사할 수 있습니다.

  개발 편의를 위해 각 브라우저에 부가 서비스를 설치하여 이용하면 브라우저에서 페이지 로딩 시 바로 오류 현황과 개수의 체크가 가능합니다.

브라우저 마다 다양한 부가 서비스가 업데이트되고 있으니 참고하십시오. * Mozilla Firefox의 Html Validator

https://addons.mozilla.org/ko/firefox/addon/249/

* Chrome Html Validator :

https://chrome.google.com/extensions/detail/fdicklfajomdgpciofajkedchajbnhkk

  3) 웹표준 CSS 유효성 검사  http://jigsaw.w3.org/css-validator/ http://jigsaw.w3.org/css-validator/validator.html.ko (한국어) http://css-validator.kldp.org/ (한국어)

  4) 자바스크립트 디버깅 Mozilla Firefox에서 Firebug 부가서비스 이용 https://addons.mozilla.org/ko/firefox/addon/1843/

부가서비스를 검색하여 설치합니다.

브라우저 하단에 생긴 벌레 아이콘을 클릭하면 디버깅툴이 확장됩니다. 스크립트 탭에서 enabled를 선택하면 오류가 검사됩니다. 

스크립트 오류 발생시 에러를 알려줍니다. 코드 줄번호가 표기되는 왼쪽 탭에 중단점을 설정하여 디버깅이 가능합니다.

  ** Reference

W3C http://www.w3.org/Consortium/contact?region=kr ISO http://www.iso.org ECMA http://www.ecma-international.org Mozilla 한국 커뮤니티 웹표준 포럼 http://forums.mozilla.or.kr/viewforum.php?f=9 Web Standard Project http://www.webstandards.org/

Seo-brower.com http://seo-browser.com/

한국 웹접근성 그룹 http://kwag.net/

Web Standard Korea http://webstandards.or.kr/

hyeonseok.com  http://hyeonseok.com/ 널리 공유하는 웹 표준화 가이드 http://html.nhndesign.com/

1.문서형의 정의

DTD(Document Type Definition)이 정의되지 않은 웹문서는 IE4의 렌더링을 흉내 내게 되며 각 브라우저마다 웹화면을 다르게 표시하게됩니다.(이 상태를 쿽스모드(Quirks Mode)라고 함.) 문서형의 정의는 웹호환성 보장을 위한 가장 기본적인 단계라고 할 수 있습니다.

  1)    권장하는 DTD

  HTML 4.01

Transitional(호환형) – 권장

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  Strict(엄격형)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

  XHTML 1.0

Transitional(호환형) – 권장

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  Strict(엄격형)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  XHTML 문법이 HTML 문법보다 더 엄격하고 확장 가능성이 높기 때문에 개발 편의 및 상위 호환성 측면에서 권장 합니다.

2.폼(Form)의 제출(submit)

1)    엘리먼트의 순서

<form>을 사용할 때는 상위 엘리먼트와의 논리적 순서를 지켜 적절한 위치에 사용합니다. 상위에 <body>나 <head> 엘리먼트가 존재해야하며 submit은 <input>으로 처리해야 합니다.

…

</head>

<body>

      <form> </form>

</body>

…

  2)    onsubmit

onsubmit 이벤트를 이용해서 폼의 유효성을 체크하고 그 결과를 true나 false로 보내줌으로써 폼이 스크립트에 따라서 submit을 진행하거나 멈출 수 있습니다. onsubmit 이벤트가 발생하지 않아도 폼을 사용할 수 있기 때문에 웹접근성을 향상시킬 수 있습니다.

<script type="text/javascript">

function submitForm(formEl) {

var errorMessage = null;

      var objFocus = null;

        if (formEl.loginId.value.length == 0) {

            errorMessage = "아이디를 넣어주세요.";

            objFocus = formEl.loginId;

       } else if (formEl.loginPassword.value.length == 0) {

            errorMessage = "비밀번호를 넣어주세요.";

            objFocus = formEl.loginPassword;

       }

       if(errorMessage != null) {

            alert(errorMessage);

            objFocus.focus();

            return false;

       }

       return true;

 }

</script>

<form id="loginForm" name="loginForm" action="" onsubmit="return submitForm(this)">

     <label for="loginId">아이디</label> <input type="text" id="loginId" name="loginId" />

     <label for="loginPassword">비밀번호</label> <input type="password" id="loginPassword" name="loginPassword" /><br />

     <input type="image" src="login.gif" alt="Login" />

</form>

  3)    Confirm

  컨펌(Confirm)을 이용해야 하는 경우 는 다음과 같이 처리할 수 있습니다.

  <a href="testDelete.jsp?id=30" onclick="return confirm("삭제하시겠습니껴~~?")">삭제하기</a>

  4)    결과메시지의 처리

결과 메세지도 alert외에 일반 text와 <a>를 이용한 링크를 제공하도록 해야 합니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />

<title>Redirect</title>

</head>

<body>

<script type="text/javascript">

/*

 some processes...

*/

alert('이래저래한 이유로 다시 돌아 갑니다.');

document.location.href="redirection.html";

</script>

<p><a href="redirection.html">이래저래한 이유로 다시 돌아 갑니다.</a></p>

</body>

</html>

   3.<a>태그의 href 속성  href 속성에는 반드시 의미 있는 URI주소를 입력하고 자바스크립트는 onclick과 같은 이벤트 속성에서 작동하도록 합니다.

  바르게 사용된 예

<a href="#destination">...</a>

<a href=”newpage.html” onclick=”javascript:goUrl();”><img src="경로" alt="" /></a>

  잘못된 예

<a href="#"><img src="경로" alt="" onclick="clickBtn();" /></a>

<a href=”javascript:goURL();”> <img src="경로" alt="" /></a>

    다른 자원을 참조하는 의미 없이 버튼이나 텍스트가 키보드 포커스를 받아야 한다면 <button type="button">...</button> 요소를 사용해야 합니다.

  l  onclick 이벤트 핸들러는 특정 입력장치에 구애받지 않고 focus를 갖는 다음 3가지 요소에만 사용해야 합니다.

<a>… </a>

<button type="button | submit | reset" />

<input type="button | submit | image | reset" />

l  onclick 이벤트는 마우스 이벤트 전용 이벤트 핸들러가 아니므로 onkeypress, onkeydown, onkeyup과 동시에 사용할 수 없습니다.

<a onclick="action()" onkeypress="action()">...</a> (X)

<a onclick="action()">...</a> (O)

  4. 새 창 열기(window.open)

새 창 열기를 할 때 href에 #과 같은 의미 없는 값을 넣거나 onclick 안에 경로를 지정하는 경우가 많은데 새 창은 링크이고 페이지가 별도로 존재 하기 때문에 <a>를 이용해서 기능을 구현해야 합니다. href에 해당 팝업의 경로를 명시하고 onclick 이벤트에 나머지 속성을 지정합니다.

  <a href="http://example.com/" target="_blank" onclick="window.open(this.href, 'popName', 'width=300, height=200'); return false">...</a>

  위한 같은 처리를 해야 사용자가 자신의 의도 대로 팝업을 새 창, 새 탭 등으로 열 수 있고 즐겨 찾기도 할 수 있습니다.

  웹접근성 고려 시 스크린 리더의 종류에 따라 새 창이 열리는 것을 자동으로 말해주지 않을 수 있습니다. 이때에는 href  태그가 있는 곳에 title="새 창"과 같이 표기해 주어야 합니다.

아래 예는 현재로선 잘못된 웹접근성 준수입니다. 참조(http://hiweb.kr/solution/17)

(area 안에 href가 없을 경우 스크린리더는 전혀 인식하지 못합니다. 당연히 alt 값도 음성출력되지 않습니다.)

<img src="imagemap.gif" alt="이미지맵예제" border="0" usemap="#Map" />

<map name="Map" id="Map">

<area shape="rect" coords="9,3,207,63" alt="네이버" />

</map>

아래와 같이 사용하는 것이 바람직합니다.

<img src="imagemap.gif" alt="이미지맵예제" border="0" usemap="#Map" />

<map name="Map" id="Map">

<area shape="rect" coords="9,3,207,63" href=”http://www.naver.com” alt="네이버" />

</map>

* Sense Reader Professional Edition v1.1.0.6

  ** Reference

  W3C http://www.w3.org/Consortium/contact?region=kr ISO http://www.iso.org ECMA http://www.ecma-international.org Mozilla 한국 커뮤니티 웹표준 포럼 http://forums.mozilla.or.kr/viewforum.php?f=9 Web Standard Project http://www.webstandards.org/

Seo-brower.com http://seo-browser.com/

한국 웹접근성 그룹 http://kwag.net/

Web Standard Korea http://webstandards.or.kr/

hyeonseok.com  http://hyeonseok.com/ 널리 공유하는 웹 표준화 가이드 http://html.nhndesign.com/

<QNA/지식인서비스>

stackoverflow.com

quora.com

<소셜북마킹>

delicious.com

pinterest.com

 >> 유사서비스/UI piccsy.com , http://allje.tistory.com/84

<마이크로 블로깅>

tumblr.com

posterous.com

<클라우드서비스>

데이터베이스 링크(Database Link)란? http://www.oracleclub.com/lecture/1560 

데이터베이스 링크는 클라이언트 또는 현재의 데이터베이스에서 네트워크상의 다른 데이터베이스에 접속하기 위한 접속 설정을 정의하는 오라클 객체 이다. 우선 고려되어야 사항은 ORACLE INSTANCE가 두 개 이상이고, 각각의 HOST NAME과 ORACLE_SID는 다르고 NLS_CHARACTER_SET은 동일하게 되어 있어야 한다.  만약 같은 MECHINE에서 INSTANCE의 ORACLE_SID가 같다면 TNS ERROR가 발생 한다. 미래를 위해 다른 MECHINE이라 할지라도 ORACLE_SID는 규칙에 의해 다르게 가져가는 것이 좋다. NLS_CHARACTER_SET이 동일하게 되어　있지 않으면 DATA 입출력시 ?????로 나타난다.데이터베이스 링크로 연결되는 서버에 리스너가 꼭 띄어져 있어야 한다.

CREATE DATABASE LINK test_server

CONNECT TO scott IDENTIFIED BY tiger USING 'testdb';  

DB Link와 Export/Import를 활용한 데이터 이관 성능 리포트 http://gywn.net/2012/04/migration_with_dblink_exp_imp/

Intel’s 22-nm Tri-gate Transistors Exposed

http://electronics.wesrch.com/paper-details/press-paper-EL1SE1OQNOVXR-intel-s-22-nm-tri-gate-transistors-exposed 

3D 트랜지스터 설계 - 트라이게이트(Tri-Gate) 

This is the first post in a series of 3 about my experiences with Node.js. I will follow up with posts that including my experiences porting a RESTful service from Java, some benchmarks comparing the Node.js service and the Java service and my final thoughts from these experiences.