위젯

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

사용자
관리자

구성 요소 섹션에서 설명한 대로 여러 기본 구성 요소를 결합하여 위젯을 만들 수 있습니다.
위젯을 사용하여 새로운 "더 복잡한" 구성 요소를 만들거나 구성 요소의 항목에 구조를 제공할 수 있습니다.

위젯의 개념에 대해 자세히 알아보겠습니다!

언어 목록을 표시하는 간단한 위젯부터 시작하겠습니다.

const widgetJSON =  {
    "component": "div",
    "id": "widget_languages",
    "items": [ // adding components to the widget
        {
            "component": "div",
            "items": [
                {
                    "component": "icon",
                    "icon": "info"
                },
                {
                    "component": "label",
                    "label": "List of some languages"
                }
            ]
        },
        {
            "component": "list",
            "data": "@languages"
        }
    ]
},

여기서 @languages은(는) ["English", "French", "Hindi", "Spanish", "Urdu"] (으)로 widget_languages의 모델에 정의된 배열입니다.

렌더링된 기본 위젯은 다음과 같이 표시됩니다.

basic_widget

recommendation-more-help

11125c99-e1a1-4369-b5d7-fb3098b9b178