UI5 프로젝트 생성시 폴더구조 및 기능

편 Hello world 까지 완료 하였다면 프로젝트 구조가 자동으로 생성된 상태 입니다.

이제 프로젝트 하위에 있는 폴더들과 파일이 어떠한 역할을 하는지 알아봅니다.

 

1. controller

화면을  Control 하는 Controller.js 들이 위치하는 폴더 입니다.

대부분 View와 1:1 연동되는 js 형태로 쓰이게 됩니다.

 

 

2. css

css 파일이 모이는 경로입니다.

기본적으로 style.css 가 생성되며 추가로 css를 만들어 등록 하기만하면 사용이 가능합니다.

 

 

3. i18n

i18n 이란?(위키참조).

기본적으로 i18n.properties 가 생성되며 등록하여 사용합니다.

 

 

4. view

XML화면이 있는 경로입니다.

controller와 1:1을 이루며 UI5 View를 작성합니다.

 

 

5. component.js

화면 실행시 선행으로 읽는 js입니다.

공통적인 부분들을 이곳에 작성하면 유용합니다.

 

 

6. index.html

Run as WepApplication으로 실행시 최초 실행되는 html입니다.

 

 

7. manifest.json

프로젝트를 설정하는 부분입니다.

js, css 파일을 사용하기위한 등록, Routing/Navigation기능 구현을 위한 등록,  oData를 사용하기위한 Model 사용등록, XMlL화면옵션제어등 다양한 제어를 정의하는 json 입니다. 

 

UI5 프로젝트 구조정리