포럼


s22.jpg



안녕하세요, XE 자료실에 최근에서야 처음 자료 등록을 해봤네요 ㅎㅎ

개발자가 아닌 디자이너라서 개발이라고 하긴 뭣하지만 마지막으로 XE로 개발을 해본게 1.4 버젼대였는데 벌써 1.7 버젼대라니... 세월 참 빠릅니다.


제가 이번에 공개한 레이아웃의 가장 큰 특징은 게시판 가로 보기 레이아웃입니다.

일단은 Scape 모드라고 명명했습니다만 사실 Scape 모드라고 써놓은 것도 아니니 아무래도 좋은 부분이고...

이 레이아웃은 제가 2001년부터 운영중인 커뮤니티 사이트에서 2004년에 처음 도입했던 일명 '멀티프레임 모드'를 기반으로 합니다.

그때는 모니터 해상도가 1024x768 정도가 주류인 때라, 가로 1024(스크롤 빼면 사실상 1000)에 가로 보기를 구현하느라 게시물 가로 크기 수동/자동 확장 기능을 탑재하는 등의 꼼수를 부려 봤습니다만...

결과적으로는 당시 모니터 사이즈로는 제가 원하는 수준의 유용성을 제공할 수 없어 결국 2년 뒤 리뉴얼 때 폐지할 수 밖에 없었습니다.

마지막으로 멀티프레임 레이아웃을 유지했던 2005년 리뉴얼 시의 모습은 아래와 같습니다.

게시판 목록을 원활히 표시하기 위한 최소 폭이 있기 때문에, 그에 맞추어 본문 영역의 폭이 매우 좁았습니다.

저 당시엔 참 열정적으로 공부하던 때라... 1년에 한번씩 사이트 리뉴얼 하고 그랬는데... ㅎㅎㅎ



site_5_s.gif



이때의 멀티프레임 레이아웃은 나중에 PC의 평균 해상도가 커지면 반드시 다시 부활시키리라 마음먹은지 어언 10년여가 되었습니다.

그리고 드디어 그 개념을 XE를 통해서 Scape 모드로 부활시켜, 올해 8년만의 리뉴얼 때 실제로 사이트에 적용하여 운용할 예정입니다.

10년간 웹 개발 환경도 참 많이 바뀌어서, 이젠 예전처럼 iframe을 사용하지 않고도 상당히 자유도 높은 레이아웃을 제작할 수 있어서 그냥 혼자 기분이 좋았습니다.



아직 사이트 개발이 덜 끝나서 실제 운영은 아니지만, 샘플 페이지는 http://tordm.net/xe 입니다.

현재 샘플 페이지는 아직 자료실에 등록 승인이 되지 않은 v1.1이 적용되어, 게시물 목록 가로보기일 때 고정 기능이 추가되었습니다.

가로보기 고정 기능은 호환성 문제를 예상해서 v1.0때는 제외했었습니다만, 제가 생각한 Scape 모드의 완성형을 제시하기 위해서는 필수불가결한 기능이라 v1.1에서 추가를 결정했습니다.


실제 커뮤니티 사이트 적용 전에, XE 포럼에 오시는 분들의 의견들을 여쭙고 싶습니다.

그냥 어떤 의견이라도 괜찮습니다.

좋다 나쁘다라는 평가라던가 이랬으면 좋겠다던가...

행여나 오해를 방지하기 위해 미리 말씀드립니다만 특별히 레이아웃을 홍보한다던가(어차피 유료도 아니지만...) 좋은 평가를 받고 싶다던가 하는게 아니라, 정말로 솔직한 의견들을 여쭙고 싶습니다.


과거에 사실상 미완으로 남은 멀티프레임 모드의 경우엔 유용하다와 불편하다의 평가가 약 6:4 정도였었는데...

많이 부족했던 당시의 레이아웃으로도 반수 이상의 반응을 이끌어낸 부분에서 10년 전에 이미 가능성을 발견했었습니다.

그런 의미에서, 과거의 멀티프레임 모드보다 훨씬 개선된 현재의 Scape 모드가 과연 얼마나 많은 분들에게 긍정적인 반응을 얻을 수 있을지도 궁금하네요.



의견을 구하기 전에 저도 의견을 내는게 인지상정(?)이니 가로 보기 레이아웃에 대한 제 생각은...

PC의 해상도가 커지면서 덩달아 와이드화가 진행되고 있기 때문에, 수직 방향으로의 화면 경제성은 더욱 중요해진 반면 수평 방향으로의 화면 경제성은 매우 여유가 있어졌습니다.

그러나 기존의 보편적인 게시판 레이아웃은 수직 스크롤에 최적화되어 있어, 수평 방향으로의 경제성을 매우 낭비하고 있다고 생각합니다.

그래서 변화된 환경에 맞추어 세로 스크롤을 최소화할 수 있는 레이아웃을 제공함으로써, 이용자들에게 편리를 제공하고 또한 게시판의 회전율도 높일 수 있지 않나 하고 예상하고 있습니다.


사실 개발 과정에서는 가로 2560 해상도에 맞추어 코멘트 보기까지 가로로 정렬할 수 있도록 구현했었는데, 이 부분은 아직 레이아웃 설계에 대한 연구가 덜 되어서 공개 버젼에선 제외시켰습니다.

지금은 가로 1920을 최대로 보고 설정된 레이아웃입니다만, 향후 모니터의 평균 크기가 더욱 커진다면 코멘트 가로보기와 같이 가로 방향으로의 경제성을 더욱 잘 살릴 수 있는 레이아웃도 가능하지 않을까 하고 예상하고 있습니다.

그리고 이제는 모니터들의 PPI가 매우 높아져서 절대단위인 px 단위보다는 구글에서 사용하는 dp 단위같은 상대단위의 중요성이 데스크탑에서도 부각되고 있으니, 그 부분으로도 더욱 연구가 필요한 레이아웃이기도 합니다.


멀티프레임 모드를 시도해 본 때로부터 몇년 후에 어느 사이트에서 이와 비슷한 레이아웃을 발견하고는, 역시 저만 이런 생각을 하는게 아니구나 싶더군요.

누구나 한번쯤은 생각해본 개념이라고 한다면 실제 적용사례가 거의 없는 점은 역시 익숙함의 문제일런지.. ㅎㅎ

 

 

 

글쓴이 제목 최종 글
xe초보자 게시판 스킨중에 이런기능 있는 게시판이 나왔으면 하네요 [9] 2015.02.05 by Novelic
가르송 도메인소유건.. [4] 2023.11.17 by 소민앱
Kevinatvn 이전 버전에서 만들어진 게시판을 메뉴에 추가 [2] 2015.02.05 by Kevinatvn
숭숭군 XE 공모전 라이선스에 대해 다양한 의견을 듣고 싶습니다. [28] 2015.02.05 by 꾸링
웹엔진 XE를 살펴보다보니 Context.class.php에서 static을 안쓰더군요? [1] 2015.02.05 by sol
2donggalbi XE 공모전 2014를 마치며.. [10] file 2015.02.05 by 소나기..
meanie 1.4.5.10 → 1.7.3.0 후기. [8] 2015.02.04 by 독도2005
파이델 게시판 DX 베타 테스트 끝~^^... 정식은 자료실에... [39] 2015.02.04 by 웹엔진
HN마루 혹시 운영하시는 사이트에 disqus 적용하신 분들 계신가요? [1] 2015.02.04 by 기진곰
착한악마 우리 알림메일 서비스 좋습니다.^^ [9] 2015.02.03 by 머신건
도라미 XE 암호와방식 MD5의 문제점 [111] file 2020.03.14 by BNU
2donggalbi Sweet Mobile 레이아웃과 기타 스킨들을 배포합니다. [21] file 2015.02.02 by 윤여
업글 사용자 장터 모듈 마켓플레이스(Marketplace) 미리보기 - XE 공모전 출품 예정작입니다 [42] file 2015.02.02 by 은둔초보
8bit 지도 모듈 지금 정상 작동 되고 있나요? [5] 2015.02.02 by misol
zfanta xe 공모전 마크다운 컴포넌트를 소개합니다. [12] file 2015.02.02 by zfanta
XESTUDIO 레이아웃 업로드시 다시 새로운 파일로업로드를 해야하나요? [3] 2015.02.01 by 2donggalbi
공처아찌 IIS에 PHP, MySQL, mYSQL ODBC까지 설치하는 프로그램 [1] 2015.02.01 by 다미아빠
LI-NA 마감 직전에 자료 완성... 승인은 안됬지만 괜찮겠죠? [6] file 2015.02.01 by LI-NA
socialskyo 구 제로보드 홈피에 아이디어가 많네요. [1] 2015.02.01 by LI-NA
DoorWeb 공모전 자료등록 빨리 하세요. [10] 2015.01.31 by XESTUDIO