WebComponent

Vue.js로 구현된 화면을 CALS에서 사용할 수 있도록 해주는 Component이다. CALS에서 제공되는 Component만으로는 구현이 어려운 화면을 Vue.js로 개발 후 개발된 화면을 Embedding 하기 위하여 사용한다.

• How to Create

1. New Component Popup에서 WebComponent 타입을 선택한다.
2. Component Name과 Screen에서 표시되는 명칭(Symbolic String or Custom Name)을 등록하고, 작성된 Business Object 가운데 Webcomponent에서 사용될 Business Object를 선택한 다음, Next를 Click한다.

INFO

WebComponent Component는 Component Detail이 없다.

• 적용 가능한 Component Attribute

1. Url: 일반적인 Web Url이 아닌 Vue.js로 구현된 소스 File이 있는 S3 버킷의 주소이다. 일반 웹 Url로는 동작하지 않는다.
2. jsonData: jsonData를 이용하여 레이아웃이나 Data 등을 Customizing할 수 있지만 사전 협의된 형식이 아니면 적용되지 않는다.

• 사용 가능한 Service

1. Service의 경우, Vue.js로 개발된 소스코드에 Service가 포함되어 있어 별도의 Service를 등록하거나 사용하지 않는다.

• 사용 가능한 Control

사용 가능한 Control을 제공하지 않는다.