웹스퀘어2 개발 가이드
docs1.inswave.com
WebSquare는 차세대 웹표준인 HTML5를 지원하는 SW로, 국내 최초의 WYSIWYG 개발도구가 포함된 웹 표준 RIA 제품
- WYSIWYG
- 위지위그(WYSIWYG: What You See Is What You Get, "보는 대로 얻는다")는 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다.
- 구성
- 웹표준 기반 UI 플랫폼: 자바스크립트 기반 Ajax Engine (서버 통신, 데이터 변환 처리 등)
- 웹표준 기반 UI 컴포넌트: Grid, Chart, Tree 등 컴포넌트 제공
- WYSIWYG 개발도구: 개발된 화면 내외장 WAS에 배포하여 실시간 확인 작업 가능
- 주요 기능
- 이클립스 플러그인과 결합 사용
- XML/JSON 데이터 처리 지원
- 크로스 브라우징, 모바일 웹 지
- XForms
- 전통적인 HTML 폼 대체한 새로운 폼
- XForms Model
- Form Data 기술, Data 제약 조건 설정, 서버로 Data 전송 후 결과 수신 등
- XForms User Interface
- 비주얼 컴포넌트의 집합
- Instance Data
- XForms Form data의 XML 표현
- Instance Data가 Form data를 표현하는 것을 지원하는 부분이 XForms Model
- 실제 데이터를 처리하는 블럭 단위의 개념
- 서버로 데이터 서브밋하는 경우 인스턴스 단위로 데이터 보냄
- 응답 데이터 결과도 인스턴스 단위로 매핑
- 각각의 instance는 id 속성에 의하여 유일한 식별자 가짐
- XForms Submit Protocol
- Instance Data 서버로 전송하고 결과 받아오는 부분
Dynamic Web Project + WebSquare
- servlet은 WEB-INF > web.xml에 작성
웹스퀘어 XML 구조
<!-- 기본 구조 -->
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ev="http://www.w3.org/2001/xml-events"
xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
<head>
<w2:buildDate/>
<xf:model>
<xf:instance>
<data xmlns=""/>
</xf:instance>
</xf:model>
<script type="javascript"><![CDATA[ ]]></script>
</head>
<body></body>
</html>
- head
- instance와 submission 포함한 model 영역, script, style 포함
- body
- 화면 UI 이루는 Object 및 컴포넌트 event script 포함
- head
- page에서 global로 적용되는 영역
- data와 submission을 포함하는 model 영역
- 기존 html과 같은 script와 style 영역
- model
- XML data와 서버의 서비스호출을 위한 정보 정의
- instance
- data 또는 submission에 필요한 xml 정보를 미리 정의
- 최상위 노드는 data
- submission
- 서버에 생성되어 있는 서비스 호출 위해 submit 정의
- submission 속성
- id: submission을 정의한 객체의 고유 id
- reference: instance에 정의되어 있는 노드의 xpath 경로로 서비스 호출시 서비스가 전달받는 xml data를 해당 xpath의 노드에 지정하여 사용
- target: instance 내의 xpath를 target으로 지정하면 서비스 호출 후, 클라이언트가 결과로 전달받은 xml을 target 경로에 세팅
- action: 서버 호출 URL로 jsp 또는 아파치 등은 action URL 지정 가능
- mode: 전송 방식 지정 (동기/비동기)
- method: get, post 등
- mediatype: data의 type
- replace: target 지정하여 서비스 결과 세팅 영역 지정 (instance)
- errorHandler/customHandler: 웹스퀘어의 기본 submission Handler가 아닌 별도의 Handler 작성하여 사용하고자 하는 경우 지정
'TIL' 카테고리의 다른 글
| Docker Container (1) | 2024.01.05 |
|---|---|
| 코드업 C언어 기초 100제 (1) | 2023.10.30 |
| IT 전체 영역 큰 그림 보기 (0) | 2023.07.05 |
| 객체지향 설계 5원칙 - SOLID (0) | 2023.07.04 |
| 객체지향의 사실과 오해 (조영호, 2015) (0) | 2023.06.29 |