안녕하세요?  매일 눈팅만 하다가 XE의 도움을 많이 본 덕택에 여러분들과 정보를 공유하고자 글을 올립니다.

ZB4를 쓰시다가 XE를 써보려고 오신분들중에 가장 큰 고민이 레이아웃일 거라고 '저'는 생각합니다. 물론 저두 그랬구요. 그래서 조금이나마 설명을 해드리려고 합니다.

 먼저 저의 경험담을 간략히 얘기해 드리겠습니다. ZB4를 썼던 저도 처음에는 짜증이 솟구쳐 올라왔습니다. 나모로 선이 보이지 않는 테이블을 만들어서 각셀에 메뉴와 콘텐츠를 넣을 공간을 만들고 게시판 자리를 비워서 Admin 페이지의 게시판 수정에서 헤더와 풋터 부분에 게시판부분을 제외한 소스를 갖다 붙였습니다. 너무나도 간단하고! 내 마음대로 레이아웃도 제작할 수 있고! ZB4는 참 편리하다고 느껴졌습니다. 하지만 지금 제가 말씀드릴 수 있는것은 XE가 훨씬 더 편리하다는 겁니다! ^^* XE는 '웹표준'을 지향합니다. 아 웹표준이 뭐냐구요? 웹표준이 궁금하시다면 검색해서 알아보세요~ 이것부터가 레이아웃을 제작하는 단계라고 하실수 있습니다. 웹표준에 대해 검색해보시구 아랫글을 보세요.

 여태까지 우리는 테이블. 즉, 표를 만들기 위한 태그를 이용해서 레이아웃을 제작하는 편법을 써왔습니다.

'그게 무슨 상관이야. 테이블이든 뭐든 화면에 잘 나타나기만 하면 되지...'

라는 분들은 웹표준이 왜 지켜져야하는지에 대해서 더 검색해보고 오시는게 좋겠네요. 쉽게 말씀드리자면 ZB4에서 TABLE태그를 썼다면 XE에서는 DIV태그를 씁니다. 위치지정태그, 박스태그라고도 불리우는데요. 이 'DIV'라는 녀석을 이용하면 콘텐츠 영역과 디자인 영역이 분리된 모습의 레이아웃을 만나보실 수 있을 겁니다. 각 영역의 분리는 홈페이지를 수정할 시에 굉장히 용이합니다. 많은분들이 경험하셨으리라 생각합니다. 테이블로 코딩을 하면 추후에 홈페이지를 수정할때 굉장히 복잡해짐을 느끼실수 있습니다. 각 셀을 분리해놓았지만 표가 표이니 만큼 간격이나 크기등도 다 조정해야 됬었으니까요. 하지만 웹표준코딩은 스타일시트를 따로 만들어 분리함으로써 스타일시트내에 있는 각 콘텐츠 영역의 디자인만을 따로 수정해서 사용하실 수 있습니다. 지금은 감이 잘 안오실수도 있지만 나중에 익숙해지시면 너무 너무 편리하다는 것을 느끼실 수 있을겁니다.

1탄은 XE레이아웃의 개념만을 설명해드렸습니다. 저도 많이 알지는 못하지만 제가 아는 지식내에서 설명해 드린것입니다. 말주변이 없어서리 잘 설명이 되었나 모르겠습니다. 다시 한번 말씀드리지만

1. 웹표준이 무엇인가?

2. 웹표준은 왜 지켜져야 하는가?

에 대해서 많이들 찾아보시고 이해하셨으면 좋겠습니다. 다음에 시간이 있을때 2탄을 올리도록 하지요. 감사합니다.