WebSquare Page Component: 효율적인 화면 관리와 JavaScript 연동
WebSquare Page Component는 WebSquare 프로젝트에서 화면 파일(XML)과 JavaScript 파일을 효율적으로 관리하고 생성하는 핵심 기능입니다. 아래에서 Page Component의 생성 및 관리 방법에 대해 자세히 알아보겠습니다.
1. Page Component 생성 과정
- WebSquare Runtime Environment(WRE)의 WebContent(ROOT) 디렉토리에서 New > WebSquare Page Component를 선택합니다.
- 파일 이름만 입력하면 확장자
.xml이 자동으로 붙어 화면 파일이 생성됩니다.
- 동시에 wpack/js 디렉토리에 XML 파일과 연동된 JavaScript(.js) 파일이 짝꿍으로 생성됩니다.
생성 시 특징
- Page Component는 XML 기반의 화면 파일로 작성되며, HTML과 유사한 태그 구조로 UI와 로직을 정의할 수 있습니다.
- XML 파일과 JavaScript 파일은 자동으로 연동되므로 화면의 동작을 쉽게 스크립트화할 수 있습니다.
2. JavaScript 파일 실행 및 관리
- Page Component 생성 시 자동으로 생성된 JavaScript(.js) 파일은 wpack 디렉토리에 위치하며, XML 화면의 동작과 로직을 담당합니다.
- 생성된 JavaScript 파일은 XML 화면과 연동되어 WRE > WebContent(ROOT) > wpack 디렉토리에서 실행됩니다.
.js 파일 관리 팁
- JavaScript 파일이 삭제된 경우:
- 상단 메뉴에서 Project > Rebuild WebSquare Project를 클릭하면 삭제된 JavaScript 파일을 다시 생성할 수 있습니다.
- 이 기능은 실수로 파일이 삭제되었을 때 유용합니다.
3. WebSquare Page Component의 장점
- 자동 연동: XML 화면 파일과 JavaScript 파일이 자동으로 생성 및 연동되어 작업 효율성을 높입니다.
- 유지보수 용이: 화면 파일과 로직 파일이 분리되어 있어, 변경 및 유지보수가 편리합니다.
- 생산성 향상: Rebuild 기능을 통해 개발자 실수를 빠르게 복구할 수 있습니다.
WebSquare Page Component는 웹 애플리케이션 개발에서 화면 구성과 로직을 통합 관리하는 데 필수적인 도구입니다. 이를 효과적으로 활용하여 더욱 생산적인 UI 개발을 경험해 보세요!
