Component 생성

1. Presentation Layer의 Component의 New Button을 Click한다.
   

2. Component의 유형을 선택한다. (Step1)

   

   [표. Component 유형]

   No	Name	Description
   1	List	List Data를 화면에 표출
   2	Form	Form Data를 화면에 표출
   3	Toolbar	Form 또는 List 상단에 Button 등이 포함된 Component
   4	ToolbarList	List Component의 상단에 Toolbar Component가 추가
   5	ToolbarForm	Form Component의 상단에 Toolbar Component가 추가
   6	Tab	배치된 Component를 Tab으로 구분
   7	Steps	진행 단계를 표출
   8	Comment	댓글 형식으로 표출
   9	Box	단 건으로 Data를 표출
   10	DetailHeader	상단에 주요 정보만 표출 (Mobile 전용)
   11	SearchList	검색 조건을 넣어서 사용하는 List (Mobile 전용)
   12	Tree	메뉴 등의 Hierarchy 구조를 표현하는 Component
   13	Timeline	도트와 선형으로 표시된 타임라인 형식으로 Data를 표출
   14	Kanban	칸반형태로 Data를 표출하는 Component
   15	IFrame	CALS에 등록된 외부 웹 사이트 또는 Java 화면 등을 표출 (Web 전용)
   16	WebView	CALS에 등록된 외부 웹 사이트 또는 Java 화면 등을 표출 (Mobile 전용)
   17	Schedule	달력 형식으로 Data를 표출
   18	Grid	대용량 Data를 List 형태로 표출
   19	ToolbarGrid	Grid Component의 상단에 Toolbar Component가 추가
   20	CustomForm	상단에는 로그인한 사용자의 명칭이 표출 (Mobile 전용)
   21	WebComponent	Vuejs로 구현된 화면을 CALS에서 표출
   22	Carousel	여러 Image나 컨텐츠를 순환화여 표출

3. Component Name을 입력하고 Business Object를 선택한다. (Step3) (Business Object와 Component 구성요소 간의 연결은 작성된 BO를 이용하여 연결한다. BO는 명칭으로 검색할 수 있다.)

4. Business Object Field에서 Component에 표시될 Field를 선택 후, Component usage field로 이동 후 Next Click한다. (Step4)

   

5. Component에 사용할 Button을 선택한다. Button은 중복하여 선택할 수 있다. (Step5)

   

6. Component를 생성하기 위하여 설정한 내용을 확인한다.

7. 신규로 등록한 Component 명칭으로 검색 후 Double Click으로 Component 상세 화면으로 이동한다. Component 상세 화면에서 Control을 선택 후, 마우스 오른쪽 Click으로 View Attributes를 선택하여 각 Control의 속성을 화면의 우측 패널로 표출할 수 있다. 해당 우측수정 할 수 있다. View Attributes 패널의 항목을 이용하여 선택한 Control에 대한 상세 속성을 수정한다.