모듈을 하나 만들고 있는 중인데,, 올바르게 가고 있는 방향인지, 아니면 조금 달리 생각해야 하는지 조언을 좀 구합니다.

XE공홈을 예로들면 "커뮤니티" 메뉴는 "사용자포럼", "자유게시판",,, 등등의 하위메뉴들을 묶어주는 역할을 합니다. 그냥 묶어주는 역할에 overview 페이지를 가지고 있고요 다른 1차 메뉴들도 거의 마찬가지의 역할을 하고 있습니다.

이걸 html5 마크업으로 표현하면 (아주 단순한 계층적 색션으로!!),

위와 같이 표현이 됩니다.

고민의 시작은 상위메뉴 "커뮤니티"에 소속된 하위메뉴들은 공통적인 디자인(#userForum을 둘러싼 #community 색션)을 가져야 한다는 것입니다. 이걸 각 메뉴별로 레이아웃에서 설정하는 것은 비효울적이라고 판단했고, 모듈로 제작해서 상위메뉴의 정보를 입력하는 것이 좋은 방향이라고 생각했습니다.

일단 모듈(가칭 메뉴확장)을 설치하고(DB 테이블 생성),

리스트페이지에서는 메뉴모듈에서 생성된 캐시파일을 불러와서 리스트를 보여주고, (사이트메뉴와 같이 메뉴계층을 보여줌)

조건에 맞는(하위메뉴를 가지고 있는 상위메뉴) 메뉴를 확장/수정/삭제할 수 있게합니다.

확장/수정 페이지에서 상위메뉴에 대한 제목(사이트메뉴에서 설정한 짧은제목말고 긴제목)과 설명텍스트, 배경이미지, 기타 컨텐츠(슬라이드위젯 등)을 입력할 수 있게 합니다.

이렇게 입력된 내용은.... 사용자의 입맛에 따라 위젯을 만들거나 직접 불러들여서 레이아웃 스킨에 적용하는 것이지요.

레이아웃의 gnb 부분에서 메뉴를 반복문으로 풀어줄때 menu_srl 이 active 되었는지 확인하고 하위메뉴가 있다면 메뉴확장이 있는지 확인해서 불러들이는 방식입니다.

(제가 사용할때는 애드온에서 먼저 menu를 한번 돌려서 active된 메뉴와 확장메뉴를 확정시키는 방법을 사용할 예정입니다. 또 하위메뉴입장에서도 추가적인 제어를 할 수 있게 디자인할 예정입니다. )

이런 방식이 효율적인지 모르겠습니다. 일부 사용자들을 보면 그룹으로 묶인 하위메뉴 페이지를 표현하는데 어려워 하는 것 같아서,....

일단은 기본적인 부분은 완성을 했고, 레이아웃에서 디자인적으로 표현하는 부분을 다듬고 있는 중입니다. 좀 더 좋은 아이디어가 있으시면 댓글좀,,,