유닛테이블 – 04.VH layout의 소개

VH layout은 레이아웃툴!!!

  • “VH layout”은 대부분의 HTML 태그를 함수(전역함수 및 클래스의 메소드)로 표현하였습니다.
  • “FastTemplate”에서 표현하기가 곤란한 레이아웃용 TABLE 태그를 제한 없이 다층으로 중첩하여 표현할 수 있도록 하였습니다.
  • 템플릿 기능이 없습니다.

아래에 “VH layout”을 이용하여 페이지를 작성하는 예를 나타내었습니다. 보시는 바와 같이 insert() 함수를 이용하여 필요한 객체를 필요한 만큼 삽입시킨 후 printhtml() 함수로 페이지를 작성합니다. 아래에 보면 setdefault(), newhtml(), insert(), wheader(), table(), cell(), text() 등 전역함수들이 몇 개 보이는데 이 외에도 태그에 관련된 많은 함수들이 제공되고 있습니다. 이들 전역함수들은 내부적으로 클래스로 작성된 코드를 이용하여 매번 새로운 객체를 생성하고 있습니다.

평가

위에서 언급하였듯이 VH layout은 “FastTemplate”에서 표현하기가 곤란한 레이아웃용 TABLE 태그를 제한 없이 다층으로 중첩하여 표현할 수 있도록 하였습니다. 그러나 실행할 때 레이아웃 구조 및 데이터를 분석하여 페이지를 작성하기 때문에 속도가 늦습니다. 그리고 태그를 함수로 나타내다보니 전체 레이아웃을 파악하기가 쉽지 않습니다. 실제로 뒷장에 나오는 예제를 제 홈페이지의 HTML 태그를 기준으로 FastTemplate, VH layout, UnitTable을 가지고 작성하려고 했는데 VH layout은 중간에 포기하고 말았습니다. 물론 제가 VH layout을 제대로 다루지 못하는 것이 가장 큰 이유이기도 하지만 무엇보다 레이아웃 구조를 함수로 표현하다보니 가독성이 떨어져서 중첩된 레이아웃의 부모-자식의 관계를 쉽게 나타낼 수가 없었어요. 그래서 예제의 모델이 된 제 홈페이지를 표현하는 것은 포기하고 대신 VH layout에서 받은 예제를 거의 그대로 하여 예제로 올렸습니다. VH layout은 레이아웃 전용툴이기 때문에 템플릿 기능이 없습니다.

AH layout에 대한 더 자세한 사용법이나 특징은 이곳(www.vhconsultants.com)을 방문하세요.

(수정:2010.1.11) 오래된 문서라서 현재는 링크가 깨진 상태입니다. 아래 복사본을 참조하세요.

(복사본) vh-layout-1.0

답글 남기기