{ 뿌리깊은 나무 } DOM 구조에 대한 올바른 접근법. 웹표준 XHTML/CSS/jQuery

웹프로그램의 기본은  markup (HTML)구조화에 대한 정확한 이해를 바탕으로
Css Presentation 과 javascript  Dom 구조를 조작(manipulation)하는 데 있다.

사실 html 대충, javascript 대충 써도 보여지는 데는 아무이상이 없다.
(사실 친절한 브라우저로 인해 사용자 편의성이 증대된 이유겠지만.)

HTML  계층성을 보면  족보와 너무 유사한데

왕 할아버지 시조로 (DOCUMENT) 시작으로 모든 자손으로 트리구조로 체계적으로
만들어진 족보를 보면 족보 = markup 이라는 생각이 들었다.

예를 들어 을사오적중 학부대신 이완용이 있다고 하면
최근 자식중에 친일재산 반환소송을 한 자식들은 누구인가 ? 라는 궁금했다면


var 친일인명사전2011 = document.getElementByTagName("학부대신이완용자손들"); 
 javascript  에서는 친일자손을 이렇게 가져와 배열에 차곡차곡  레퍼런스 핸들을 가져온다.

그렇게 저장된 배열에서는 사용될 시기를 잘 판단해 Iterator 이용해 하나하나 민감한 시기에 언론에 공개하면 된다.
예를 들어서 말이다.


Dom 구조에서 특정 id로 특정 element 뽑아올때는  attribute 값으로 가져오게 되는데
이것도 조상중에 영의정을 지내신 어느어느분 이렇게 조상을 가르키는 것과 매우 유사함을 알 수 있다.

jQuery 셀렉터 중에 수많은 자손 ,형제 , 위치기반 셀렉터들이 존재하는데
사실 이런게 있다고 생각만 하면 된다.

족보를 통째로 외우는 사람도 없을 뿐더라 족보를 보고 특정 조상을 찾으면 그만이기 때문이다.
문제는 어떻게 찾느냐 하는것보다는 누굴 찾고 싶은거지 ? 라는 물음에 답해야 될것이다.

FTA 반대시위때 경찰은 (그쪽시각으로) 수많은 시위대를  선동하고 가장 과격한 사람을 찾아
그사람을 연행하는 것과 같이  내가 원하는 엘리먼트를 어떻게 처리를 해야 할까 라는 물음이 선행되어야
그 수많은 셀렉터 명령어를 쫄지않고 객관적으로 바라 볼 수 있다.



덧글

  • 민물상어 2011/12/15 23:22 # 삭제 답글

    형 ~~ 잘 읽고가 ~~~ ㅋㅋ
댓글 입력 영역


ad_sidebar2_20100626

통계 위젯 (화이트)

821
108
674713