SAPUI5 VSCode 익스텐션 (필수) 4가지 추천

SAPUI5-VSCode-익스텐션-SAPUI5-Extention

오늘은 SAPUI5 앱 개발시 필수로 사용하면 유용한 SAPUI5 VSCode 익스텐션 4가지를 정리해 보았습니다. 개발 환경을 유용하게 만들어주거나 오류를 잡기 위한 디버깅 툴로써 자주 사용되는 익스텐션 4가지를 모아보았습니다. 먼저 VS Code를 통해 SAPUI5 개발을 하기위하 SDK 설정은 (이글) 을 참고하시면 됩니다. VS Code에서 사용할 수 있는 익스텐션은 대부분은 SAP BTP Business Application Studio에서도 사용이 가능하며, 클릭 … Read more

SAPUI5 SDK 설치 – VS Code 설정 핵심 요약(2023)

SAPUI5-Tooling-sapui5-sdk

UI5 앱을 개발에 필요한 SAPUI5 SDK 설치를 VS Code 에서 셋팅하여 개발환경을 구축하는 방법을 정리해 보았습니다. 기본적으로 Node.js, npm, Yeoman, Scaffolding generator, VS Code 등으로 개발환경을 구성합니다. 지난 포스팅(SAPUI5 Visual Studio Code 개발환경 셋팅(2022, 윈도우 10)) 내용만으로도 충분히 SAPUI5 개발 환경 구축이 가능합니다만, 개발환경 구축에 필요한 좀 더 핵심적인 내용으로 추렸고, 개발에 도움이 되는 툴 … Read more

SAP Fiori 디자인 Figma 툴로 SAPUI5 화면 설계하는법

Web-UI-Kit-Compact-cozy-fig-import-complete

SAPUI5 앱을 만들기전, UX 설계를 위하여 Figma를 활용하여, SAP Fiori 디자인 을 적용하여 화면 설계하는 방법을 알아보도록 하겠습니다. 우리가 프로젝트에 투입되어 앱을 개발하고자 할 때 SAPUI5 개발자와, 혹은 디자이너와 협업하고자 할 때 화면 설계서가 필요합니다. 전통이라는 이유로 엑셀과 워드로 된 구시대의 스펙 사양서에 적기도 하고, 적당히 말로 때우기도 하며, 혹은 개발자의 재량에 맡기는 경우도 있고, … Read more