Workshop에 사용자 위젯 삽입

Workshop에서 Custom widget 구성 요소를 추가합니다.

Widget setup의 Select로 위젯 집합과 사용할 버전을 고릅니다.

새 위젯은 한 번 이상 게시해야 선택기에 나타납니다. 첫 게시 뒤에는 개발 모드로 아직 게시하지 않은 코드, 매개변수와 이벤트의 변경도 Workshop 안에서 미리 볼 수 있습니다. 첫 게시 전 미리보기는 playground나 VS Code 작업 공간에서 진행합니다.

매개변수와 이벤트

위젯의 매개변수를 Workshop 변수에 연결하여 값을 전달합니다. 위젯이 이벤트를 발생시키면 매개변수값을 갱신할 수 있고, 그 이벤트를 Workshop 이벤트에도 연결할 수 있습니다.

매개변수의 입력 자료형과 이벤트가 갱신하도록 선언한 항목에 맞춰 바인딩합니다. 지원 자료형과 코드 예는 매개변수와 이벤트에 설명합니다.

이동 후 로컬 상태

기본적으로 페이지에서 제거했다가 다시 표시한 사용자 위젯은 재로드되어 내부 상태를 잃습니다. 표시 최적화로 계속 mount하도록 구성하거나 Workshop 변수에 상태를 보관하여 위젯에 전달합니다.

새 버전을 게시한 것만으로 기존 삽입이 바뀌지는 않습니다. 게시 뒤 각 호스트에서 새 버전을 선택합니다.

브라우저가 멈추거나 위젯의 응답이 느리다면 응답성 문제에서 반복 실행과 메모리 사용을 확인합니다.