SAPUI5 Icon Explorer 아이콘 설정 – 영화 api 활용

SAPUI5 Icon 은 임베디드 폰트 내에 포함되어 사용이 가능합니다. 어떤 Icon이 있고 어떤 코드로 사용할 수 있는가는 SAP Icon Explorer를 통해 확인이 가능합니다. 폰트 기반의 icon을 활용하므로 쉽게 컬러 변경이 가능하며 CSS를 통해 다양한 효과를 적용할 수 있습니다. SAPUI5 Icon Explorer 기본적으로 SAPUI5 의 아이콘은 SAP Icon Explorer를 통해서 적용할 수 있습니다. 어떠한 아이콘이 제공되고 … Read more

SAPUI5 FlexBox 기본 개념 – 영화 정보 api 서비스

CSS에서 Flexbox란, 행과 열 형태로 아이템들을 배치하는 1차원 레이아웃 방법인데, SAPUI5 에서는 SAPUI5 Flexbox 클래스로 해당 플렉스박스 css를 제공하고 있습니다. 일반 CSS Flexbox와 마찬가지로 SAPUI5 Flexbox 컨테이너내의 아이템들은 부족한 공간을 처리하기 위해 여분의 공간으로 채우거나 축소되며 변형됩니다. 오늘은 SAPUI5 Flexbox 레이아웃에 대하여 이해해 보도록 하겠습니다. CSS Flexbox의 기본적인 속성 기본적으로 부모 객체인 Container에 Flex 속성을 … Read more

SAPUI5 Themes Dark 적용 – SAPUI5 API 서비스 따라하기

이제 우리의 앱을 SAPUI5 Themes Dark 테마를 적용해 보도록 하겠습니다. 영화 정보 서비스는 전반적으로 아래의 사이트를 참고할 예정인데요, JustWatch라는 OTT 검색 서비스입니다. 내용도 다르고 API도 다르지만 전체적인 디자인만 참고할 예정입니다. 해당 웹사이트의 전반적인 테마가 다크 이므로 우리의 앱에도 SAPUI5 Themes Dark를 넣어보도록 합니다. SAPUI5 Themes 버전별 지원 사항 확인 방법 SAPUI5 에서는 다양한 Theme을 제공하고 … Read more