[SAPUI5 가이드웹 개발기] Demo-kit 설치하기

etcd, 인증서, cni, dns .. 이게 다같이 오니깐 멘붕이 왔었으나 어찌저찌 해결은 되어 시간이 생겼다.

이것들도 다 기억하기 위해 기록해야겠다. 

 

SAPUI5 데모가 없었다면 아마 더이상 진행은 힘들었을것이다.

뭐 GUI도 없고, 코드 Assist도 없으니 이거를 진행할 방법이 없고 막막한 상태였으나,

따라할 수 있는 데모가 있어 이를 토대로 가이드 웹을 개발하게 됐다. 

 

먼저 SAPUI5 SDK를 다운로드하자.

https://tools.hana.ondemand.com/#sapui5 

 

접속하여 SAPUI5 Runtime /SAPUI5 SDK에서 show old versions를 클릭한다. 내 환경에 맞추기위해 예전버전으로..

예전 버전들이 리스트에 나타나는데 SDK의 1.71.4 버전을 다운로드 한다.

압축파일이 받아지는데 이 파일을 내가 생성한 프로젝트의 webContent아래에 직접 압축해제한다. 

(직접해제하지 않을경우 WebcContent\파일명\으로 중간 경로가 생성되는데 이러면 사용이 어려워진다. 혹시나 잘못풀었다면 Ctrl + C , V로 한레벨 위로 올려주자)

압축파일의 용량이 제법 되기 때문에 프로젝트가 무거워지는것이 싫다면 압축파일 중에서 resource 디렉토리만 복사해서 붙여준다.

ex) C:\SAP\Workspace\Sample\WebContent\resource

 

이제까지의 과정은 구글에서 SAPUI5를 검색했을때 리스트 맨 위에 검색되는 demo-kit을 로컬에 설치하기 위한 과정이었다. 브라우저상에서 조회되는 것들을 로컬에서 직접 뜯어보고 수정, 테스트 해 볼수 있는 것이다.  물론 resource만 복사해온 경우에는 안된다.

 

https://sapui5.hana.ondemand.com/ 가운데의 Download를 누르면 SDK를 받았던 페이지로 연결된다.

로컬에서 동작시켜보려면 WebContent/index.html 파일을 우클릭하여 Run As에서 Web App Preview를 선택해주면 

브라우저에서 보이는 화면과 동일한 화면을 로컬에서 볼 수 있게 된다. 

 

 

 

사용법까지 한번에 정리할까 했지만, 길어질 것 같아 다음 포스트로 넘긴다.