WebSquare 프로젝트 구조
WebSquare 프로젝트는 전자정부프레임워크와 유사하게 정형화된 방식으로 구성되어 있으며, 각 디렉토리와 파일은 프로젝트의 효율적인 개발, 유지보수 및 배포를 위해 역할이 명확하게 정의되어 있습니다.
1. WebSquare 프로젝트 기본 구조
Root Directory
├── WebContent/
│ ├── wpack/
│ │ ├── js/
│ │ ├── css/
│ │ └── resources/
│ ├── pages/
│ ├── WEB-INF/
│ └── META-INF/
└── 프로젝트 설정 파일들
2. 주요 디렉토리 설명
Root Directory
- 프로젝트의 루트 디렉토리로, 설정 파일과 프로젝트 관련 문서가 위치.
- 예: .project, README.md, 빌드 설정 파일.
WebContent 디렉토리
웹 애플리케이션의 핵심 디렉토리로, 모든 리소스와 화면 파일이 위치합니다.
wpack/ 디렉토리
- 역할: JavaScript, CSS, 정적 리소스 관리.
- 구조:
- js/: JavaScript 파일 저장.
- css/: 스타일시트 파일.
- resources/: 이미지, 폰트 등 정적 파일.
pages/ 디렉토리
- 역할: WebSquare 화면 파일(XML 형식) 저장.
- 구조:
- module/: 재사용 가능한 모듈화된 화면 파일.
- layout/: 레이아웃 템플릿 파일.
- views/: 일반적인 화면 파일.
WEB-INF 디렉토리
- 역할: 서버에서 보호되는 파일 저장.
- 구조:
- lib/: 외부 라이브러리 JAR 파일.
- config/: 서버 설정 파일.
- templates/: JSP 템플릿 파일.
META-INF 디렉토리
- 역할: 메타데이터 정보 저장.
- 예: MANIFEST.MF 파일.
3. 주요 파일 설명
- XML 화면 파일: 화면 레이아웃, 데이터 바인딩, 이벤트 로직 정의.
- client.config.xml: 클라이언트 환경 설정 파일.
- server.config.xml: 서버와의 통신 설정 파일.
4. 추가 기능 및 디버깅 도구
Rebuild WebSquare Project
삭제된 JS 파일이나 리소스 파일을 재생성할 때 사용. IDE 메뉴에서 Project > Rebuild WebSquare Project로 실행.
디버깅 도구
- DataCollection 상태 보기: 메모리에 저장된 데이터 확인.
- 페이지 소스 보기: 동적으로 생성된 화면 소스 점검.
- 로그 확인:
$p.log("메시지");로 디버그 메시지 출력.
5. 요약
WebSquare의 구조는 화면 파일(XML), 빌드된 자바스크립트 파일(JS), 데이터 연동 설정(Submission) 등을 체계적으로 분리하여 유지보수가 용이하도록 설계되었습니다. 효율적인 개발을 위해 각 디렉토리와 파일의 역할을 명확히 이해하고 활용하는 것이 중요합니다.
