안녕하세요! html 썸네일형 리스트형 [ 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 부모 요소의 영역을 침범하면 해당 부분을 숨길 수 있다... 더보기 [ Javascript ] window.onscroll로 페이지 상단 스크롤 바 만들기 window.onscroll로 페이지 상단 스크롤 바 만들기 Javascript window window window 객체는 브라우저 내에 있는모든 요소들이 담겨있는 객체이며, 전역적으로 사용이 가능하기에 '전역 객체'로 불리운다. window browser, 즉 브라우저 창을 제어하는 여러 가지의 메서드를 제공한다. 전역객체로서 존재하기 때문에 사실상 생략하여도 무관하다. onscroll onscroll onscroll 함수를 사용하면 사용자가 페이지를 스크롤할 때 발생하는 이벤트를 감지할 수 있다. window.onscroll window.onscroll = function() { createProgressBar() }; createProgressBar() 함수가 이 이벤트가 발생할 때마다 호출된다... 더보기 [ SAPUI5 ] View Management ○ 기본 view를 변경하거나, 새로운 view를 생성하고 쿼리가 자동으로 실행되도록 해보자. - [ VariantManagement.view.xml ] - [ Component.js ] sap.ui.define([ "sap/ui/core/UIComponent" ], function(UIComponent) { "use strict"; return UIComponent.extend("sap.ui.demo.smartControls.Component", { metadata: { manifest: "json" }, init: function () { UIComponent.prototype.init.apply(this, arguments); }, destroy: function () { UIComponent.pr.. 더보기 [ 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 다음
