UI5 앱을 개발에 필요한 SAPUI5 SDK 설치를 VS Code 에서 셋팅하여 개발환경을 구축하는 방법을 정리해 보았습니다. 기본적으로 Node.js, npm, Yeoman, Scaffolding generator, VS Code 등으로 개발환경을 구성합니다. 지난 포스팅(SAPUI5 Visual Studio Code 개발환경 셋팅(2022, 윈도우 10)) 내용만으로도 충분히 SAPUI5 개발 환경 구축이 가능합니다만, 개발환경 구축에 필요한 좀 더 핵심적인 내용으로 추렸고, 개발에 도움이 되는 툴 … Read more
CSS에서 Flexbox란, 행과 열 형태로 아이템들을 배치하는 1차원 레이아웃 방법인데, SAPUI5 에서는 SAPUI5 Flexbox 클래스로 해당 플렉스박스 css를 제공하고 있습니다. 일반 CSS Flexbox와 마찬가지로 SAPUI5 Flexbox 컨테이너내의 아이템들은 부족한 공간을 처리하기 위해 여분의 공간으로 채우거나 축소되며 변형됩니다. 오늘은 SAPUI5 Flexbox 레이아웃에 대하여 이해해 보도록 하겠습니다. CSS Flexbox의 기본적인 속성 기본적으로 부모 객체인 Container에 Flex 속성을 … Read more
이제 우리의 앱을 SAPUI5 Themes Dark 테마를 적용해 보도록 하겠습니다. 영화 정보 서비스는 전반적으로 아래의 사이트를 참고할 예정인데요, JustWatch라는 OTT 검색 서비스입니다. 내용도 다르고 API도 다르지만 전체적인 디자인만 참고할 예정입니다. 해당 웹사이트의 전반적인 테마가 다크 이므로 우리의 앱에도 SAPUI5 Themes Dark를 넣어보도록 합니다. SAPUI5 Themes 버전별 지원 사항 확인 방법 SAPUI5 에서는 다양한 Theme을 제공하고 … Read more