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 project 구조 생성 – 영화 정보API 서비스

처음 SAPUI5 Project 구조 생성을 통해 프로젝트를 초기 세팅하는 방법을 소개하고, 이후 영화 정보를 SAPUI5를 이용해서 리스트 해보고 검색해 보는 서비스를 개발해 보도록 하겠습니다. 간단히 나만의 영화 정보 서비스 조회 프로그램을 설명하면, YTS YIFY movies 사이트에서 제공하는 API를 활용하여, 해당 내용을 SAPUI5 웹화면에서 조회하는 프로그램입니다. 즉, 백엔드 데이터는 YTS YIFY movies API를 가져오고, 프론트엔드 화면은 … Read more