[TIL] WebSquare5

WebSquare5

• WebSquare5는 엔진과 개발도구로 구성된다.
  엔진은 클라이언트 요청을 받아 WS5 화면 파일을 브라우저에 표시한다.
  개발자는 WS5에서 화면 파일을 개발할 수 있다.
• XML을 HTML로 렌더링해서 제공한다.

WebSquare5의 주요기술

• HTML : 사용자가 최종적으로 보는 화면에 표현되는 결과물
• JavaScript : WebSuqare Library, 화면 내 조직 구성
• CSS : 화면 디자인
• XHR : 데이터 통신 모듈 (submission ajax utill)
  Json, XML 형식의 데이터, 그 외의 암복호화 문자열 등
• Java : WebSquare Library, 라이선스 체크, UI와 연결 된 서버 기능
  (파일 업로드, 그리드 뷰의 엑셀 업/다운로드 등)
• XForms : 화면소스 구성 스펙

WebSquare5 기본 설정

• 좌측 탭 (Project View)
  Project Explorer, Palette, DataCollection
• 중앙 탭 (Design View)
  Design, Script, DataCollection, Submission, Source, Snippets
• 우측 탭 (Property View, Outline View)
  Property, Outline, Submission

1. Disign
   브라우저에서 눈으로 보이는 것들을 그려낸다. body 영역에 해당한다. 컴포넌트를 활용해서 화면을 그린다.
2. Script
   scwin.onpageload = function() {
   };
   초기값 세팅할때, init 함수와 유사
   scwin.onpageunload = function() {
   };
   선언한 변수를 소멸시킬 때, 마지막에 log 찍을 때
3. DataCollection
   • DataMap
     하나의 값을 갖는 경우
     항목이 여러개라도 각각의 값을 하나만 갖는다면 Map으로 선언
   • DataList
     항목이 여러개일 때 각각의 값이 여러개일 경우 List로 선언
   • Linked DataList
     이미 존재하는 Map, List가 있을 때 확장, 조건식을 이용하여 Linked DataList 객체 활용
   • AliasList
     자식 창에서 부모 창에 있는 DataList를 사용할 때
   • AliasMap
     자식 창에서 부모 창에 있는 DataMap을 사용할 때
4. Submission
   통신을 만들어 내는 곳
5. Source
   소스 확인용으로 가급적 절대! Source 탭에서 코딩하지 않는다.
   가끔 로직 수정할때 활용