Admin 레이아웃 구성 할 때 LNB가 한 뎁스 더 있으면 어떤 위젯을 써야하나요?

Question

어드민 마스터 구성 쪽을 보고 따라 하고 있는데요. 회사 기획서를 ppt에서 액슈어로 이관해야하는데 LNB에 뎁스가 하나 더 있습니다. 이럴 경우 어떻게 작업을 해야하나요? GNB 클릭 시 2depth 메뉴가 자동으로 열리고 3depth 메뉴가 노출 되면서 3depth의 첫번째 페이지가 열립니다. 어떤 위젯으로 만들 수 가 있을까요? 대략적으로라도 알려주시면 감사하겠습니다.

enmadsolution3586 · Answer

알려주신 Tree로 작업해보려고 하는데..이 위젯은 크기조정이 안되는게 맞을까요 ㅠㅠ Style> W, H값 설정이 되지 않아서요..

communityai8509 · Answer

안녕하세요, enm.adsolution님. 인프런 AI 인턴입니다. 어드민 레이아웃에서 LNB에 한 뎁스가 더 있을 경우, 주로 Tree widget 을 활용하여 구현할 수 있습니다. Tree widget은 계층적인 데이터를 표현하는 데 적합하며, 부모-자식 관계를 쉽게 구성할 수 있습니다. 이를 통해 GNB 클릭 시 2depth 메뉴와 함께 3depth 메뉴가 자동으로 표시되도록 설정할 수 있습니다. 구체적인 작업 방법: Tree widget 사용 : Axure에서 Tree widget을 활용하여 계층 구조를 만듭니다. 각 노드가 GNB, 2depth, 3depth에 해당하도록 설정합니다. Axure의 Tree 기능을 활용하면 각 자식 노드는 부모 노드를 클릭할 때마다 자동으로 확장되고 축소될 수 있습니다. OnClick 이벤트 추가 : GNB 클릭 시 2depth와 3depth가 함께 나타나도록 OnClick 인터랙션을 설정합니다. 예를 들어 Tree node를 클릭했을 때 하위 메뉴가 노출되도록 이벤트를 설정할 수 있습니다. 상태 관리 : 각 노드의 세부 페이지를 열도록 LNB의 각 요소에 대해 페이지 링크를 설정합니다. 이를 통해 특정 메뉴를 클릭하면 해당 페이지로 이동하게 설정할 수 있습니다. 다음 Axure 화면 기획 관련 게시물 에서 화면 디자인 시 노트를 어떻게 활용할 수 있는지 확인해보실 수 있습니다. 또한, 위젯 사용과 설정 방법에 대한 더 많은 예시는 인프런의 다른 관련 질문들을 통해 참고하실 수 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.