재사용 가능한 요소는 둘 이상의 페이지에서 사용할 수 있는 Element Group (요소 그룹)을 만드는 방법입니다.
(1) 재사용 가능한 요소의 의미
- 여러 페이지에서 같은 로그인 팝업에 접근하려면 한 번만 만들어서 재사용하는 것이 좋습니다.
- 마찬가지로 페이지 전체에서 균일한 바닥글과 머리글을 원하는 경우 한 번만 작성해야 합니다.
- 가능한 한 요소를 재사용 가능한 요소로 만들어야 앱이 더 가볍고 유지 관리하기 쉬워집니다.
- 재사용 가능한 요소는 재사용 가능한 워크플로를 만드는 좋은 방법이기도 합니다.
- 재사용 가능한 요소가 구축되면 페이지에 추가할 수 있는 또 다른 유형의 요소가 됩니다.
(2) 재사용 가능한 요소(Resuable Element) 만들기
재사용 가능한 요소를 만들려면 좌측 상단 모서리 메뉴를 열고 ‘Add a New Resuable element'를 클릭하십시오.
- 편집할 요소 페이지로 이동합니다.
- 요소를 디자인하고 관련 워크플로를 정의합니다.
- 저장된 '재사용 가능한 모든 요소'는 왼쪽 상단 모서리에 있는 페이지 메뉴에서 찾을 수 있습니다.
(3) 재사용 가능한 요소의 작동
재사용 가능한 요소는 컨테이너 요소이며 데이터 관점에서도 그룹 및 팝업과 유사하게 작동합니다.
- 그룹과 마찬가지로 콘텐츠 유형을 변경하거나 데이터를 보내거나 숨기거나 표시할 수 있습니다.
- 주요 차이점은 팝업인 재사용 가능한 요소는 모달 동작을 갖는다는 것입니다. 즉, 팝업이 닫히지 않으면 사용자는 팝업 외부의 다른 곳을 클릭할 수 없습니다.
- 재사용 가능한 요소의 가장 바깥쪽 그룹은 매우 중요합니다. 그 이유는 가장 밖의 그룹에서 custom states에 접속하고 페이지의 workflow를 설정할 수 있기 때문입니다.
(4) 페이지에 재사용 가능한 요소 추가
- 재사용 가능한 요소를 페이지에 추가하는 방법은 다른 요소와 똑같습니다.
- 필요한 요소를 선택하고 페이지에 그립니다.
(5) 재사용 요소의 크기 수정
- 재사용 가능한 요소의 치수는 그것 자체를 편집할 때 정의됩니다.
- 이러한 요소는 반응형이며(Fixed 너비로 만드는 경우 제외) 페이지에 놓인 상태에서 크기를 재조정할 수 있으며, 내부 콘텐츠는 내부 요소들의 반응형 설정 대로 정의 됩니다.
(6) 기존 요소를 재사용 가능한 요소로 변환
요소 그룹을 재사용 가능한 요소로 변환할 수 있습니다.
- 두 번 이상 사용하고 싶은 요소 그룹을 구축한 경우 이 옵션을 사용하면 시간을 절약하고 애플리케이션 페이지 전체에서 일관된 디자인을 보장할 수 있습니다.
- 그렇게 하려면 상황에 맞는 메뉴 또는 상단 메뉴 옵션을 사용하십시오
(7) 워크플로우 재사용하기
재사용 가능한 요소의 특별한 사용방법으로는 둘 이상의 페이지에서 워크플로우를 재사용하는 것입니다.
이렇게 하면 정확히 동일한 워크플로우가 둘 이상의 페이지에서 사용되므로 실수 가능성이 최소화되고 앱 디버깅 및 수정이 훨씬 빨라집니다.
- 이렇게 하려면 내부에 요소가 없는 재사용 가능한 요소를 만들고 페이지 간에 공유할 워크플로를 추가합니다.
- 이 재사용 가능한 요소를 각 페이지에 추가합니다. (원하는 경우 보이지 않게 설정)
- 워크플로우에서 '재사용 가능한 요소에서 맞춤 이벤트 트리거(Trigger custom event from reusable element)' Action을 사용하여 재사용 가능한 요소에 추가한 워크플로에 접속할 수 있습니다.
