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

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

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

SAPUI5 project 구조 생성 – 영화 정보API 서비스

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

자바스크립트 map 배열 sapui5 함수 기초

자바스크립트 map 배열 함수는 반복시 자주 쓰이는 함수 메소드입니다. map 함수는 콜백 function 에서 실행된 결과를 바탕으로 다시 새로운 맵을 생성할 때 사용하는 함수입니다. 즉, 콜백 함수로 정의된 리턴값은 새로운 배열 객체를 리턴하게 됩니다. 파라메터 인자는 다음과 같습니다. arr.map(callback(currentValue, index, array), thisArg) callback : 콜백 함수 currentValue : 배열에서 현재 처리되는 값 index : 배열에서 … Read more