안녕하세요! 프로그래밍 언어 썸네일형 리스트형 [ SAPUI5 ] CSS and XML Fragment 이번에는 CSS의 여백을 설정하는 방법에 대해서 탐구해보고자 한다. 추후에 거래처에서 원하는 레이아웃의 틀이 있을 것이고, 각 레이아웃 구역에 어떤 정보를 보여주는 위치를 커스터마이징 하기 위해서는 CSS 설정이 중요다고 할 수 있겠다. CSS "전체 단면, 양면 및 응답형 여백을 추가하거나 여백을 제거하는 사전 정의된 CSS Class List를 제공한다." "사전 정의된 모든 여백의 CSS Class는 오른쪽에서 왼쪽으로 쓰는(Right To Left) 언어를 지원한다." "컨텐트 안쪽 여백을 (반응형으로) 추가하거나 제거하는 CSS Class를 사용할 수 있게 된다." 이에 따라 "모든 레이아웃에서 Control 주변과 Container 내부 간격의 일관성을 부여한다." sapUiTinyMargin.. 더보기 [ SAPUI5 ] / Component 이번 파트에서는 Fiori에서 SAPUI5 애플리케이션이 어떻게 작동하게 되는 지에 대해 학습하는 시간을 가질 것이다. 기본적으로 화면에서 View를 표현하기 위해서는 Controller뿐만 아니라, 데이터를 저장하거나 가공하기 위해 존재하는 Model로 데이터 정보를 전달하기 위해 필요한 Component와 App Explorer 등의 기능과 역할에 대해 알아가보고자 한다. Component "Component는 [ Compoenet.js ] 파일에서 구현된다." "App Explorer는 [ manifest.json ] 파일에서 설정한다." "[ manifest.json ] 파일에는 모든 전역 어플리케이션 설정과 매개변수가 내재돼 있는 JSON 형식의 Component Object가 Contenet로.. 더보기 [ SAPUI5 ] / Data Binding SAPUI5에 대한 이해도를 제고하기 위하여 UI에 관한 데이터를 구성하고 화면에 이를 표현하기 위해 필요한 핵심 용어들과 구현 절차에 대해 아카이빙을 시작하고자 한다. SAP 공식 홈페이지에서 제공하는 도큐먼테이션뿐만 아니라, 인터넷에서 발췌 및 재사용 가능한 정보들을 깔끔하게 정리해 해당 지식을 적절히 활용할 수 있을 것 같다. Debuging "브라우저의 개발 툴을 사용해 JavaScript 디버깅 중단점을 설정할 수 있다." "Internet Explorer에서는 스크립트디버깅을 명시적으로 활성해야 한다." Data Binding "Model은 Data를 적재하고 Data Source에서 Data를 가져와 Setting 및 Update할 수 있는 메서드를 제공한다." 즉, 데이터에 대한 변수를 선.. 더보기 [ SAPUI5 ] What is the 'RuleBuilder'? SAPUI5 SDK - Demo Kit sapui5.hana.ondemand.com class.sap.rules.ui.RuleBuilder class.sap.rules.ui.RuleBuilder - 초기 속성 값, 집합적이고 서로 연결된 객체, 이벤트 핸들러를 정의하는 객체 데이터를 가지는 mSettings를 허용한다. new sap.rules.ui.RuleBuilder(sId?, mSettings?) 1) sId? : string 타입이며, ID가 제공되지 않으면 자동으로 생성되는 컨트롤의 ID 이다. 2) mSettings? : 컨트롤에 대한 초기 설정값이다. - bindingContextPath 1) string 타입을 가진다. 2) RuleBuilder 컨트롤 내의 상대적인 컨텍스트 바인딩의 정의.. 더보기 [ SAPUI5 ] What is the 'loadJSON()'? loadJSON() loadJSON() - 제공된 위치에서 검색된 텍스트를 기반으로 JSON 객체를 생성한다. 1) 이 함수 사용 시, 표준 HTTP 요청을 사용해 JSON 지원 서버에서 콘텐츠를 검색할 수 있다. 2) WordPress(JSON API 플로그인 필요) 및 Drupal과 같은 콘텐츠 관리 시스템은 콘텐츠 검색을 위한 JSON / API를 제공한다. - 괄호 안에는 String 문자열로 지정된 위치에서 JSON 데이터를 로드한다. 1) 제공된 위치는 URL 또는 상대 파일 경로여야 한다. 2) 파일 프로토콜과 http/https 프로토콜도 지원된다. 3) file 프로토콜이 있는 정규화 URL은 'file:///' 이다. * 호스트가 localhost인 경우 생략할 수 있으며, 그 결과는 .. 더보기 [ Javascript ] What is the 'httpRequest.readyState == 4'? readyState readyState - XMLHttpRequest 객체의 현재 상태를 나타낸다. - UNSET(숫자 0) : XMLHttpRequest 객체가 생성된다. - OPENED(숫자 1) : open() 메서드가 성공적으로 실행된다. - HEADERS_RECEIVE(숫자 2) : 모든 요청에 대한 응답이 도착하게 된다. - LOADING(숫자 3) : 요청한 데이터를 처리 중이다. - DONE(숫자 4) : 요청한 데이터의 처리가 완료되어 응답할 준비가 완료되었음을 의미한다. status status - 서버의 문서 상태를 나타낸다. - 200 : 서버에 문서가 존재함을 의미한다. - 404 : 서버에 문서가 존재하지 않음을 의미한다. onreadystatechange onreadystate.. 더보기 [ SAPUI5 ] What is the 'getParent'? getParent getParent - 'getParent'에서 반환되는 부모 요소는 데이터 바인딩, 무효화, 렌더링 등에 사용된다. - Dialog가 내부적으로 숨겨진 VerticalLayout을 사용해 콘텐츠를 저장한다고 가정해보자. Dialog (API parent) \__ VerticalLayout (hidden composite part) \__ Text (API child) - 'Dialog.prototype.addContentAPI'를 호출하여 일부 콘텐츠를 추가하면 다음과 같은 결괏값이 도출된다. oDialog.addContent(oText); console.log(oText.getParent() === oDialog);//false console.log(oText.getParent() i.. 더보기 [ SAPUI5 ] What is the 'i18n'? i18n i18n - Internationalization - 각종 언어에 따라 메뉴의 컨텐츠 동적으로 매핑 - i18n 파일은 OData Model 중에 하나임 - OData Model에서 View에 필요한 내용 매핑 1) 브라우저 언어 설정에 따라 언어를 자동으로 매핑 2) multiple parameter 사용해 여러 개의 Text 매핑 * 아래와 같이 중괄호를 이용해 배열을 지정 // i18n appDescription = sample {0} {1} {2} {3} firstLabel = First secoindLabel = Second thirdLabel = Third fourthLabel = Fourth * 'id'를 'oLabel'로 지정 // view * 지정해뒀던 'oLabel'을 'byI.. 더보기 이전 1 2 3 4 5 6 7 8 ··· 11 다음
