안녕하세요! 코딩 썸네일형 리스트형 [ Concept ] What is the Load Balancing? Load Balancing and Load Balancer 로드 밸런싱 로드밸런싱(Load Balencing)이란 둘 이상의 중앙처리장치 혹은 저장장치와 같은 컴퓨터 자원들에 부하(Load)를 나눠줌으로써 가용성을 제고하고, 응답시간을 최적화하는 것을 말한다. 단순히 다수의 서버를 구축해 운영하는 것에 모든 클라이언트의 요청에 일관성 있는 응답을 기대할 수 없으며, 하나의 서버에 모든 트래픽이 몰리는 상황을 방지하기 위해 로드밸런싱을 하게 되는 것이다. 로드 밸런서 로드 밸런서(Load Balancer)란 서버에 가해지는 Load를 Balancing해주는 장치 혹은 기술이다. 즉, 한대의 서버로 부하가 집중되지 않도록 트래픽을 관리해주는 역할을 하는 것이다. 로드 밸런싱 종류 종류 설명 L2 MAC 주소.. 더보기 [ CSS ] transition 및 scale을 사용해 마우스 hover시, 썸네일 이미지 확대하기 transition 및 scale을 사용해 마우스 hover시, 썸네일 이미지 확대하기 transition 설정 overflow: hidden .thumbnail_post { width: 100%; position: relative; overflow: hidden; } HTML에 지정해둔 클래스명인 thumbnail_post 혹은 본인이 지정한 클래스명을 CSS에 호출한다. 너비는 100%로 설정하였으나, 만약 부모 요소가 있는 클래스인 경우엔 부모 요소의 너비의100%로 동적으로 작용된다. position을 relative로 설정하여 클래스 요소의 위치를 상대적으로 배치한다. overflow를 hidden으로 설정하면, thumbnail_post 부모 요소의 영역을 침범하면 해당 부분을 숨길 수 있다... 더보기 [ SAPUI5 ] Rule Builder Control / Decision Table - 4 ○ 룰 빌더 페이지 컨트롤러 계속해서 분석하기 - [ page.controller.js ] loadRequests: function (mPath) { // The mock server does not support 1 to 1 navigation. // Hence we provide the responses directly by adding custom requests to the MockServer var oRresponses = {}; var getData = function(json) { oRresponses = json; }; this.loadJSON(mPath, getData); var aRequests = this.oRuleMockServer.getRequests(); var sMethod =.. 더보기 [ SAPUI5 ] Rule Builder Control / Decision Table - 1 ○ decision table 기본 설명 - Refresh Data Object : 데이터 객체의 속성을 읽고 미리 정의된 결과의 속성을 자동으로 가져온다. - Cut / Copy / Paste 1) Cut : 특정 행을 제거하는 데 사용되며 붙여넣기 옵션을 사용해 decision table의 다른 행에 삽입할 수 있다. 2) Copy : 특정 행을 복제한는 데에 사용되며 붙여넣기 옵션을 사용해 decision table의 다른 행에 삽입할 수 있다. - Hit Policy 1) First Match : rule engine은 조건과 일치하는 첫 번째 항목을 자겨오고 해당 결과가 반환된다. 2) All Match : rule enjine은 조건과 일치하는 모든 항목을 가져와서 결과로 반환한다. - Acc.. 더보기 [ SAPUI5 ] Flexible Column Layout App - Using Page Layout as a Detail Page ○ 데이터에 대한 상세 정보를 보여주는 화면 출력하기 - ObjectPageLayout 1) 앱이 비즈니스 객체와 관련된 정보를 쉽게 표시할 수 있도록 하는 레이아웃을 제공한다. 2) 버전 1.52부터 컨트롤은 sap.f.DynamicPage에서 사용되는 것과 동일한 동적 헤더를 가질 수 있게 되었다. 3) 이동 경로 네비게이션, 네비게이션 작업, 제목 영역을 탭 및 클릭하거나 사용 가능한 화살표 버튼 선택해 머리글 확장 및 축소와 같은 SAP Fiori 기능의 가용성 확보할 수 있게 된다. 4) sap.uxap.ObjectLayout은 정보를 구조화하는 섹션 및 하위 섹션에 래핑된 선택적 앵커 표시줄 및 블록 콘텐츠를 사용해 보다 구조화된 페이지 콘텐츠 제공이 가능해진다. - [ manifest.jso.. 더보기 [ 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 'OData'? OData OData - Entity들의 집합 1) Entity : 전달하고자 하는 정보의기본 정보(타입, 구성 등) 2) Entity를통해 API 호출 시, 어떤 데이터 정보로 API가 구성돼 있는지와 활용하는 밥법들을 구성 가능 - 단순하고 표준적인 방식으로 쿼리 사용 가능 - Restful API 생성 및 사용 가능한 개방형 프토토콜 What is the 'RESTful API'? API(Application Programming Interface) API(Application Programming Interface) - 다른 소프트웨어 시스템과 통신하기 위해 따라야 하는 규칙 정의 - REST가 클라이언트-서버 상호작용을 최적화하기 때문에 효율적으 pythonchoboman.tistory.com .. 더보기 [ Javascript ] How to use 'json.stringify()'? JSON(JavaScript Object Notation) JSON(JavaScript Object Notation) - 데이터를 문자열의 형태로 나타내기 위해 사용 - 네트워크를 통해 서로 다른 시스템들이 데이터를 주고 받을 때 사용 json.parse() JSON.parse() - JSON 문자열을 인자로 받아 결괏값 JavaScript 객체로 변환 1) JSON 문자열을 'aaa'라는 변수에 저장 * JSON 문자열에서는 키(name, age, married, jobs)를 나타낼 때 쌍따옴표 반드시 사용 const aaa = '{ "name" : "derrik", "age" : 30, "married" : false, "jobs" : "Pythonchobo" }'; 2) 'JSON.parse()' .. 더보기 이전 1 2 3 다음
