당신은 주제를 찾고 있습니까 “웹 스퀘어 – WindowContainer – changeActiveWindow | WindowContainer | 웹스퀘어5 – 사용 팁“? 다음 카테고리의 웹사이트 ppa.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://ppa.maxfit.vn/blog/. 바로 아래에서 답을 찾을 수 있습니다. 작성자 WebSquare 이(가) 작성한 기사에는 조회수 3회 및 좋아요 없음 개의 좋아요가 있습니다.
웹 스퀘어 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 WindowContainer – changeActiveWindow | WindowContainer | 웹스퀘어5 – 사용 팁 – 웹 스퀘어 주제에 대한 세부정보를 참조하세요
Select and open windows by clicking scroll buttons on the name layer.
Related API
changeActiveWindow
Sample File : https://inswave.com/confluence/download/attachments/17110084/changeActiveWindow_WindowContainer.xml?version=1\u0026modificationDate=1660611671749\u0026api=v2
For more info, visit https://wtech.inswave.kr.
웹 스퀘어 주제에 대한 자세한 내용은 여기를 참조하세요.
웹스퀘어
웹스퀘어,WebSquare, HTML5 UI 플랫폼, 웹표준,웹 개발툴,인스웨이브시스템즈, 웹스퀘어 교육, 기술지원.
Source: www.websquare.co.kr
Date Published: 2/16/2021
View: 1584
웹스퀘어 Web Square 란? (프론트 소스를 알아서 짜준다고?)
웹 표준을 준수한 UI프레임워크로 UI컴포넌트와 Util API, 통합 개발 도구 제공하는 솔루션이라고 한다. 쉽게 말해 프론트 화면 개발 툴이다. 프론트개발 …
Source: cheershennah.tistory.com
Date Published: 5/11/2021
View: 1478
[WebSquare5] 웹스퀘어 시작하기 – 개발새발!
프로젝트에서 사용하기 위해 WebSquare 공부를 시작하지만, 이 점을 항상 명심하려고 한다. UI 툴을 쓰다 보면, 화면을 찍어내는 느낌과 웹 기술에서 점점 …
Source: devpad.tistory.com
Date Published: 11/21/2021
View: 4020
웹스퀘어 쓰는 플젝 왔는데 고통스럽네요. – OKKY
xx시스템 ERP 2차 사업 구축 하러왔는데 웹스퀘어 라길래 프론트엔드 상용은 다 거기서 거기죠. 하고 들어왔다가 멘탈 걸레짝 되는 중입니다.
Source: okky.kr
Date Published: 8/20/2022
View: 7483
웹스퀘어(Websquare)란? – 웰시코기 IT개발자
WebSquare는 웹표준 기반 UI 플랫폼, 웹표준 기반 UI 컴포넌트, WYSIWYG 개발도구로 구성됩니다. 웹 표준 기반 UI 플랫폼은 웹 브라우저에 다운로드 되어 …
Source: eomstory.tistory.com
Date Published: 10/26/2022
View: 3060
웹스퀘어 진짜 아오 – velog
웹스퀘어란? “위지위그 개발 도구가 포함된 HTML5 웹 표준 UI 플랫폼입니다.” (WYS WYG: What You See Is What You Get). 1. 이클립스를 지원합니다.
Source: velog.io
Date Published: 6/17/2021
View: 1900
WebSquare5(웹스퀘어5) 교육 1일차 – 네이버 블로그
프로젝트 투입때문에 웹스퀘어 교육을 다녀왔다. … 진행하는 무료 교육을 듣게되었다. … 파싱되어 html5돔으로 변환되어 보여진다. … 일단 xml 생성하는 …
Source: m.blog.naver.com
Date Published: 12/28/2021
View: 6627
주제와 관련된 이미지 웹 스퀘어
주제와 관련된 더 많은 사진을 참조하십시오 WindowContainer – changeActiveWindow | WindowContainer | 웹스퀘어5 – 사용 팁. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
주제에 대한 기사 평가 웹 스퀘어
- Author: WebSquare
- Views: 조회수 3회
- Likes: 좋아요 없음
- Date Published: 2022. 8. 17.
- Video Url link: https://www.youtube.com/watch?v=Qcdc1Xg2Gx8
웹스퀘어 Web Square 란? (프론트 소스를 알아서 짜준다고?)
반응형
웹스퀘어 Web Square 란?
웹 표준을 준수한 UI프레임워크로 UI컴포넌트와 Util API, 통합 개발 도구 제공하는 솔루션이라고 한다. 쉽게 말해 프론트 화면 개발 툴이다. 프론트개발을 그켬하는 백엔드 개발자인 나에게는 신세계일 따름…
마치 대딩 때 처음 접했던 자바 스윙 업그레이드 버젼 같기도 하고..;
디자인 탭에서 화면을 미리 볼 수 있는데 PPT에서 개체 추가 해주듯이 만들고자 하는 요소들을 추가하고,
속성에서 ID 지정 등 데이터를 입력한 뒤, Source 탭에 들어가보면 방금 마우스로 끄적거린 작업들이 HTML/JS 소스로 완성되어있다. WOW ….
화면 노가다를 해야하는 수고는 확실히 덜어주기는 하지만 디자인 등이 정형화 되어있고 모든 문법이 websquare에 종속되어 있어서 자유도는 매우 떨어진다.. 장단점은 좀 더 써보아야 알겠지만 개인적인 생각은 기업을 타겟으로 만들어진 정형화된 솔루션이라는 생각이다.
js는 안그래도 못하는데 더 까먹을 것 같다 크흨..
구성 및 설정
웹 표준 준수로 설치과정에 별도의 installer 및 Active-x등이 존재하지 않음
별도 설치과정 없이 Web Resource와 함께 포함되어 구성되며, 이때 WebSquare를 구동하기 위한 Servlet,
즉 웹스퀘어 엔진을 등록하고 서버설정 디렉토리를 지정해주면 된다.
web.xml )
websquareDispatcher websquare.http.DefaultRequestDispatcher WEBSQUARE_HOME ~/~/~/websquare_home websquareDispatcher *.wq 화면 호출 방식
웹스퀘어로 개발 된 화면파일은 단독으로 브라우저에서 실행할 수 없음.
화면 파일은 웹스퀘어 javaScript 엔진을 통해 실시간 해석되어 브라우저에 표시된다.
웹스퀘어 엔진은 서버에 배포된 websqaure.html파일을 통해 호출되고 엔진 로딩이 끝나면 실행된다
즉, 모든 웹스ㅞ어 화면 파일은 websquare.html을 통해 실행된다.
일반적으로 화면 파일의 정보는 Get방식의 파라미터를 통해 웹스퀘어 엔진에 전달된다.
웹스퀘어 화면을 브라우저에서 호출해 보자.
ex)
http://domain.com/websquare/websquare.html?w2xPath=/MA/MA01M01.xml
http://domain.com :서버 도메인
/websquare/websquare.html :웹스퀘어 엔진 로딩 및 실행파일
HTML 의 DocType, Meta 등 정의
파일명 변경 가능하여 용도에 따라 파일 여러개 사용 가능
파일 확장자를 jsp로변경할 수 있다.
?w2xPath=/MA/MA01M01.xml :웹 스퀘어 화면 파일 경로.
웹 스퀘어 엔진이 xml(UI grid)파일을 해석하여 HTML과 JavaScript를 생성하고 실행.
서버 통신 플로우
반응형
[WebSquare5] 웹스퀘어 시작하기
프로젝트에서 WebSquare를 처음으로 사용하게 되었다. 프로젝트에서 사용하기 위해 WebSquare 공부를 시작하지만, 이 점을 항상 명심하려고 한다. UI 툴을 쓰다 보면, 화면을 찍어내는 느낌과 웹 기술에서 점점 퇴보되가는 느낌을 받는다고 한다. 따라서 회사에서 UI 툴을 쓰더라도, 회사 밖에서 의식적으로 react, vue 등의 기술을 공부하는 습관을 들이자.
지금부터 유튜브, 사용자 가이드, API를 통해 WebSquare의 기본적인 사용법을 적어보려고 한다.
웹스퀘어
인스웨이브사의 웹스퀘어는 웹표준을 따르는 UI/UX 개발툴로 현재 버전 5까지 나와있다. 함께 언급되는 툴로는 투비소프트의 Nexacro, xPlatform과 토마토시스템의 eXbuilder 등이 있다.
웹스퀘어 설치
웹스퀘어는 웹스퀘어5 Studio를 설치해서 실행하는 방법과 이클립스에 웹스퀘어5 Plugin을 설치하는 방법이 있다. 아래는 이클립스에서 웹스퀘어5 Plugin을 설치한 모습이다. 이후 Tomcat 서버를 시작하고 http://localhost:8080/ws5 로 접속하면 화면을 확인할 수 있다.
이클립스 우측 상단의 [Open Perspective]을 누르면 WebSquare Designer 모드와 WebSquare Developer 모드가 나타난다. Designer 모드는 퍼블리셔가, Developer 모드는 개발자가 사용하는 모드이다.
WebSquare 스튜디오
WebSquare 파일은 반드시 WebRoot 이하에서 생성해야 한다. 클라이언트 자원이기 때문이다. 예를 들어 Dynamic Web Project일 경우에는 WebContent 하위에 구성된다. 또한 web.xml 파일에서 websquare 엔진(.wq)을 처리할 수 있도록 servlet에 등록할 수 있다.
프로젝트 파일 생성
WebContent에서 마우스 우클릭하여 ‘WebSquare Page’ 파일을 선택한다. 이 파일은 xml 파일로 생성된다. 파일이 생성되면 총 5개의 workspace (Design, Script, DataCollection, Submission, Source) 영역으로 구분되어 보여진다.
Design 탭
컴포넌트를 선택하여 배치할 수 있다. (브라우저 실행하려면 F7를 누른다)
만약 시스템 브라우저 외에 다른 브라우저를 등록하려면, ‘Excute external program’을 클릭하여 브라우저를 등록할 수 있다. 컴포넌트는 속성(P), 이벤트(E), API로 제어된다. 컴포넌트에 id를 부여하면, 해당 id가 페이지 내에서 전역 변수로 자동으로 등록되므로, Script 탭에서 사용 가능하다.
Script 탭
JavaScript 로직을 작성한다. 파일을 생성하면 아래의 이벤트가 자동으로 등록된다.
onPageload : 페이지 로딩 후 실행 (모든 컴포넌트를 그려준 이후에 반영됨)
onPageunload : 페이지 종료 후 실행
참고로 WebSquare는 기본 namespace 기반의 코딩을 하며, 디폴트로 사용하는 객체명은 scwin이다. 페이지를 닫을 때 해당 자원을 자동으로 삭제하는 기능을 이용할 수 있다고 한다.
DataCollection 탭
data 객체를 생성하고 관리한다.
DataMap : 단건 data 관리
DataList : 다건 data 관리
LinkedDataList : 생성된 dataList에서 별도의 조건을 주어 filter된 data를 확인한다(뷰어용으로 제한적으로 사용됨)
AlliasDataMap : Page Coding에서 자식에서 부모의 dataMap 객체를 참조할 때 사용
AlliasDataList : Page Coding에서 자식에서 부모의 dataList 객체를 참조할 때 사용
Submission 탭
웹스퀘어의 통신 객체를 생성 및 관리한다. 웹스퀘어에서는
웹스퀘어 쓰는 플젝 왔는데 고통스럽네요.
xx시스템 ERP 2차 사업 구축 하러왔는데 웹스퀘어 라길래 프론트엔드 상용은 다 거기서 거기죠
하고 들어왔다가 멘탈 걸레짝 되는 중입니다.
QnA 참고자료도 너무 적고 각종 버그가 판을 치고 해당 상황은 버그 아니냐고 문의 하니
예)5.00012 버전에서는 안되고 5.00013버전에는 되는데 엔진 마이너 업데이트도 라이센스비 신규구입이랑 똑같이 든다고 하고 진짜 심플한 그리드 화면 외에 조금만 난이도 있는 화면 그리고 컨트롤 하려면
스크립트 지옥문 열리네요. (덕분에 우습게 생각하던 화면들 일정도 딜레이되고…)
이제껏 써봤던 수많은 상용 플랫폼 중 압도적으로 구리네요
투비소프트 제품이 완성도 10배이상 높아보입니다. ㅠㅠ
웹스퀘어 진짜 아오
꿈의 직장 여의도 40층에서 한강뷰를 바라보며 커피한잔과 심도있는 개발을 하는 희소^^ 응~ 구라 회사 송도야 지옥철 매일매일 디지고싶어. 지금 프로젝트에 나와있다 ; 스프링이 정말 쉬운거였다. 눙물이 나용 ~ 웹스퀘어 엉엉엉
웹스퀘어란?
“위지위그 개발 도구가 포함된 HTML5 웹 표준 UI 플랫폼입니다.”
(WYS WYG: What You See Is What You Get)
1. 이클립스를 지원합니다.
2. Scope 객체(WFrame) –> .scwin.
스코프는 웹 페이지를 구성하는 모든 단위 화면에 유효범위(Scope)를 설정하는 기능이며,
사용 효과로는
개발자가 웹페이지 전체를 하나의 Single Page로 쉽게 구현할 수 있고, 기존 버전의 IFrame은 매번 브라우저 재로딩으로 인한 메모리 부하가 컸지만,
독립적인 WFrame 을 사용함으로써 IFrame 사용을 최소화하여 웹 어플리케이션의 전반적인
성능향상을 기대 할 수 있습니다.
*3. jQuerySupport
웹스퀘어5에 서포트 기능을 추가하여 jQuery를
사용하며 jQuery 제공 api를 이용하여 웹스퀘어 객체에 접근할 수 있다는 장점이 있습니다.
*4. XML/JSON 지원
서버와 데이터 통신을 XML/JSON 으로 데이터 처리를 지원함.
*5. 웹 개발 도구 장점
브라우저 상의 로그,페이지소스,데이터컬렉션,인스턴스을 확인 할 수 있도록 제공함으로써 개발에 장점이있음
*6. MDI(Multiple Document Interface) 를 제공
함으로써 전용뷰어 설치 없이 웹 브라우저 환경에서 볼 수 있는 장점.
뭔가 장점이 많아보이닝? 아니요.. 음.. 그냥 내가 못하지 뭐 ㅎㅎ
그래도 신기한건 ! html코딩안해도 원하는 위치에 원하는 기능 끌어다 놓으면 지가 알아서 코딩함 왕신기 ~ 👲 띵호와
배워두면 대기업에서 많이 써서 좋다던데 진짜 나 넘 머리아펑
Submission 탭
웹스퀘어의 통신 객체를 생성 및 관리한다. 웹스퀘어에서는 폼을 이용한 전송 방식으로 통신하지 않고, Submission 객체를 생성하여 통신한다. !
ajax같은? 그런 비슷한? 몰랑 환경설정 내가 안해서 ㅎㅎ 비슷하게 비동기 통신이 내장되어있다고함 ㅎㅎ
키워드에 대한 정보 웹 스퀘어
다음은 Bing에서 웹 스퀘어 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 WindowContainer – changeActiveWindow | WindowContainer | 웹스퀘어5 – 사용 팁
- 웹스퀘어
- WebSquare
- websquare
- Websquare
WindowContainer #- #changeActiveWindow #| #WindowContainer #| #웹스퀘어5 #- #사용 #팁
YouTube에서 웹 스퀘어 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 WindowContainer – changeActiveWindow | WindowContainer | 웹스퀘어5 – 사용 팁 | 웹 스퀘어, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.