[개발] 웹스퀘어 WebSquare
-
WebSquare5 공식 문서 보기 👆WebSquare5 온라인 교육 과정 👆WebSquare5 개발 참고 사이트 👆WebSquare5: 프론트엔드 UI/UX 개발을 위한 강력한 프레임워크1. WebSquare5란?WebSquare5는 인스웨이브 시스템즈에서 개발한 UI/UX 프레임워크로, HTML, CSS, JavaScript를 기반으로 웹 애플리케이션을 효율적으로 구축할 수 있도록 지원합니다. 2. WebSquare5의 주요 특징반응형 웹 컴포넌트 지원: 다양한 화면 크기에 적응하는 UI 제공적응형 웹 설계: One Source Multi Use 기술로 다양한 디바이스 지원ScreenView 기능: 다양한 해상도에서 최적의 화면 스케일링 제공WebSquare5 공식 소개 👆 ..
[정보] WebSquare5란? 프론트엔드 UI/UX 개발을 위한 강력한 프레임워크WebSquare5 공식 문서 보기 👆WebSquare5 온라인 교육 과정 👆WebSquare5 개발 참고 사이트 👆WebSquare5: 프론트엔드 UI/UX 개발을 위한 강력한 프레임워크1. WebSquare5란?WebSquare5는 인스웨이브 시스템즈에서 개발한 UI/UX 프레임워크로, HTML, CSS, JavaScript를 기반으로 웹 애플리케이션을 효율적으로 구축할 수 있도록 지원합니다. 2. WebSquare5의 주요 특징반응형 웹 컴포넌트 지원: 다양한 화면 크기에 적응하는 UI 제공적응형 웹 설계: One Source Multi Use 기술로 다양한 디바이스 지원ScreenView 기능: 다양한 해상도에서 최적의 화면 스케일링 제공WebSquare5 공식 소개 👆 ..
2025.02.21 -
🌐 웹스퀘어 공식 홈페이지 👆📚 넥사크로 공식 홈페이지 👆🖥 HTML5 표준 문서 보기 👆💻 웹스퀘어 가이드: SCWIN, 사용법, 예제, 다운로드 및 넥사크로 비교웹 개발을 진행하면서 **웹스퀘어(WebSquare)와 넥사크로(Nexacro)** 를 접하게 되는 경우가 많습니다. 특히 **공공기관, 기업용 웹 애플리케이션** 개발에 널리 활용되고 있습니다.이번 포스팅에서는 **웹스퀘어 SCWIN, 사용법, 예제, 다운로드 방법**을 포함하여 **넥사크로와의 비교 및 장단점**까지 상세하게 다뤄보겠습니다. 📌 1. 웹스퀘어(WebSquare)란?웹스퀘어는 **HTML5 기반 UI/UX 개발 프레임워크**로, **기업 및 공공기관의 웹 애플리케이션 구축**을 위해 설계되었습니다.✅ ..
[정보] 웹스퀘어 가이드: SCWIN, 사용법, 예제, 다운로드 및 넥사크로 비교🌐 웹스퀘어 공식 홈페이지 👆📚 넥사크로 공식 홈페이지 👆🖥 HTML5 표준 문서 보기 👆💻 웹스퀘어 가이드: SCWIN, 사용법, 예제, 다운로드 및 넥사크로 비교웹 개발을 진행하면서 **웹스퀘어(WebSquare)와 넥사크로(Nexacro)** 를 접하게 되는 경우가 많습니다. 특히 **공공기관, 기업용 웹 애플리케이션** 개발에 널리 활용되고 있습니다.이번 포스팅에서는 **웹스퀘어 SCWIN, 사용법, 예제, 다운로드 방법**을 포함하여 **넥사크로와의 비교 및 장단점**까지 상세하게 다뤄보겠습니다. 📌 1. 웹스퀘어(WebSquare)란?웹스퀘어는 **HTML5 기반 UI/UX 개발 프레임워크**로, **기업 및 공공기관의 웹 애플리케이션 구축**을 위해 설계되었습니다.✅ ..
2025.02.18 -
웹스퀘어 dataList 관련 정보 바로가기 👆 WebSquare.uiplugin.dataList 사용 가이드WebSquare.uiplugin.dataList는 화면에서 사용되는 데이터를 저장하고 관리하기 위한 객체로, 다건 데이터 처리를 용이하게 만들어줍니다. 이 객체는 데이터의 구조를 정의하는 Column Info 영역과 데이터를 담고 있는 Data 영역으로 구성됩니다. 이 글에서는 DataList의 주요 개념과 기능을 간략히 소개합니다. 1. DataList의 구조1.1 Column Info 영역역할: 데이터 구조를 정의합니다.속성:id: 컬럼의 이름 정의기타 데이터 가공 속성 추가 가능 1.2 Data 영역역할: 데이터의 초기값을 정의합니다.use 속성: 초기값 적용 여부를 설정 (us..
[WebSquare] 웹스퀘어 dataList란? 사용법 및 코드 요약웹스퀘어 dataList 관련 정보 바로가기 👆 WebSquare.uiplugin.dataList 사용 가이드WebSquare.uiplugin.dataList는 화면에서 사용되는 데이터를 저장하고 관리하기 위한 객체로, 다건 데이터 처리를 용이하게 만들어줍니다. 이 객체는 데이터의 구조를 정의하는 Column Info 영역과 데이터를 담고 있는 Data 영역으로 구성됩니다. 이 글에서는 DataList의 주요 개념과 기능을 간략히 소개합니다. 1. DataList의 구조1.1 Column Info 영역역할: 데이터 구조를 정의합니다.속성:id: 컬럼의 이름 정의기타 데이터 가공 속성 추가 가능 1.2 Data 영역역할: 데이터의 초기값을 정의합니다.use 속성: 초기값 적용 여부를 설정 (us..
2025.01.16 -
웹스퀘어 유용한 코드 모음 바로가기 👆 WebSquare getModifiedJSON: 사용법과 활용1. getModifiedJSON이란?WebSquare에서 제공하는 getModifiedJSON은 특정 컴포넌트의 데이터 변경 사항을 JSON 형식으로 반환하는 메서드입니다. 주로 데이터의 변경 여부를 확인하거나 서버로 전송하기 위한 데이터 객체를 구성할 때 유용하게 사용됩니다. 2. 주요 기능변경 데이터 추출: 특정 컴포넌트에서 수정된 데이터만 추출할 수 있습니다.JSON 형식 반환: 반환 값이 JSON 포맷이므로 직관적이고 활용하기 쉽습니다.서버 통신 활용: 수정된 데이터를 서버로 전송하는 데 사용됩니다. 3. 주요 메서드 사용법아래는 getModifiedJSON 메서드를 사용하는 ..
[WebSquare] 웹스퀘어 dataList getModifiedJSON 란? 사용법과 활용웹스퀘어 유용한 코드 모음 바로가기 👆 WebSquare getModifiedJSON: 사용법과 활용1. getModifiedJSON이란?WebSquare에서 제공하는 getModifiedJSON은 특정 컴포넌트의 데이터 변경 사항을 JSON 형식으로 반환하는 메서드입니다. 주로 데이터의 변경 여부를 확인하거나 서버로 전송하기 위한 데이터 객체를 구성할 때 유용하게 사용됩니다. 2. 주요 기능변경 데이터 추출: 특정 컴포넌트에서 수정된 데이터만 추출할 수 있습니다.JSON 형식 반환: 반환 값이 JSON 포맷이므로 직관적이고 활용하기 쉽습니다.서버 통신 활용: 수정된 데이터를 서버로 전송하는 데 사용됩니다. 3. 주요 메서드 사용법아래는 getModifiedJSON 메서드를 사용하는 ..
2025.01.16 -
웹스퀘어 엑셀 다운로드 및 업로드 참고 코드1. 엑셀 다운로드1.1 사용 목적현재 화면에 표시된 그리드 데이터를 그대로 엑셀 파일로 다운로드합니다. 데이터를 파일로 저장하여 분석하거나 다른 시스템과 공유할 수 있습니다. 1.2 사용 방법gridView.advancedExcelDownload([]);위 코드는 그리드뷰 데이터를 엑셀 파일로 다운로드합니다. advancedExcelDownload() 함수는 기본적으로 그리드에 표시된 데이터와 포맷을 그대로 엑셀에 반영합니다. 1.3 주요 특징포맷 유지: 그리드뷰에서 적용된 필터, 정렬, 스타일 등이 엑셀 파일에 반영됩니다.손쉬운 사용: 별도의 설정 없이 호출만으로 엑셀 다운로드 가능. 2. 엑셀 업로드2.1 사용 목적엑셀 파일로부..
[WebSquare] 웹스퀘어 엑셀 다운로드 및 업로드 참고 코드웹스퀘어 엑셀 다운로드 및 업로드 참고 코드1. 엑셀 다운로드1.1 사용 목적현재 화면에 표시된 그리드 데이터를 그대로 엑셀 파일로 다운로드합니다. 데이터를 파일로 저장하여 분석하거나 다른 시스템과 공유할 수 있습니다. 1.2 사용 방법gridView.advancedExcelDownload([]);위 코드는 그리드뷰 데이터를 엑셀 파일로 다운로드합니다. advancedExcelDownload() 함수는 기본적으로 그리드에 표시된 데이터와 포맷을 그대로 엑셀에 반영합니다. 1.3 주요 특징포맷 유지: 그리드뷰에서 적용된 필터, 정렬, 스타일 등이 엑셀 파일에 반영됩니다.손쉬운 사용: 별도의 설정 없이 호출만으로 엑셀 다운로드 가능. 2. 엑셀 업로드2.1 사용 목적엑셀 파일로부..
2024.12.30 -
웹스퀘어 디버깅 debugging 방법1. 웹에서 디버깅 활성화WebSquare5에서는 브라우저 상에서 디버깅을 수행할 수 있도록 편리한 기능을 제공합니다. 2. 디버깅 활성화 방법Ctrl + 마우스 우클릭:브라우저에서 WebSquare5 화면 상에서 Ctrl 키를 누른 상태로 마우스 오른쪽 버튼을 클릭합니다.디버깅 관련 메뉴가 나타납니다.디버깅 메뉴 선택:나타난 메뉴에서 dataCollection 보기, submission 보기, 로그 보기 등 디버깅 옵션을 선택할 수 있습니다. 3. 주요 디버깅 옵션dataCollection 보기: 현재 화면에 바인딩된 DataCollection의 상태와 데이터를 확인할 수 있습니다.submission 보기: 서버와의 통신 과정에서 Submiss..
[WebSquare] 웹스퀘어 디버깅 debugging 방법웹스퀘어 디버깅 debugging 방법1. 웹에서 디버깅 활성화WebSquare5에서는 브라우저 상에서 디버깅을 수행할 수 있도록 편리한 기능을 제공합니다. 2. 디버깅 활성화 방법Ctrl + 마우스 우클릭:브라우저에서 WebSquare5 화면 상에서 Ctrl 키를 누른 상태로 마우스 오른쪽 버튼을 클릭합니다.디버깅 관련 메뉴가 나타납니다.디버깅 메뉴 선택:나타난 메뉴에서 dataCollection 보기, submission 보기, 로그 보기 등 디버깅 옵션을 선택할 수 있습니다. 3. 주요 디버깅 옵션dataCollection 보기: 현재 화면에 바인딩된 DataCollection의 상태와 데이터를 확인할 수 있습니다.submission 보기: 서버와의 통신 과정에서 Submiss..
2024.12.29