UI5 앱을 개발에 필요한 SAPUI5 SDK 설치를 VS Code 에서 셋팅하여 개발환경을 구축하는 방법을 정리해 보았습니다. 기본적으로 Node.js, npm, Yeoman, Scaffolding generator, VS Code 등으로 개발환경을 구성합니다. 지난 포스팅(SAPUI5 Visual Studio Code 개발환경 셋팅(2022, 윈도우 10)) 내용만으로도 충분히 SAPUI5 개발 환경 구축이 가능합니다만, 개발환경 구축에 필요한 좀 더 핵심적인 내용으로 추렸고, 개발에 도움이 되는 툴 … Read more
일렉트론(Electron)은 웹 프론트엔드 기술(HTML, CSS, 자바스크립트)를 활용하여 데스크탑 어플리케이션을 개발 할 수 있도록 해주는 도구로써, Electron SAPUI5 데스크앱 즉, SAPUI5 화면을 붙힌 Electron 데스크탑앱의 quick start를 정리해 보았습니다. 일렉트론의 주요 특징으로는 다음과 같습니다. 크로미움(Chromium)과 Node.js 환경에서, 프론트엔트 기본 기술 HTML, CSS, 자바스크립트)를 활용하여 앱을 만들 수 있습니다. 즉, 내장된 크롬브라우저로 화면을 표시하고 os레벨의 파일시스템은 Node.js로 … Read more
SAPUI5 스캐폴딩(Scaffolding) – Visual Studio Code Tools 설치하기 웹개발을 하기 위해 제일 처음 Visual studio code등의 에디터를 열고 난 후 필수적인 셋팅 파일, 전체적인 참조 구조, 의존성, 테스트 및 배포 환경 등을 셋팅합니다. 이러한 작업은 각 개발 환경마다 매번 비슷한 모습을 갖게 되는데요, 개발 환경 구축을 위한 틀을 만드는 것을 스캐폴딩(Scaffolding)이라고 하며, SAPUI5 스캐폴딩을 … Read more