This document discusses Spring Core and bean configuration in Spring. It covers defining beans through XML, Java configuration using annotations, and Groovy bean configuration. It also discusses the Spring IoC container and different types of ApplicationContext, and how to define bean dependencies through constructor injection, setter injection, and method injection using the @Bean annotation in Java configuration.
LAN architecture includes hardware, software, topology and MAC protocols. The three main components are the MAC protocol, network topology, and network operating system software. Common MAC protocols are CSMA/CD and token passing. Common topologies are bus, star, and ring. LAN architecture defines how devices connect and communicate on a local network.
This document discusses Spring Core and bean configuration in Spring. It covers defining beans through XML, Java configuration using annotations, and Groovy bean configuration. It also discusses the Spring IoC container and different types of ApplicationContext, and how to define bean dependencies through constructor injection, setter injection, and method injection using the @Bean annotation in Java configuration.
LAN architecture includes hardware, software, topology and MAC protocols. The three main components are the MAC protocol, network topology, and network operating system software. Common MAC protocols are CSMA/CD and token passing. Common topologies are bus, star, and ring. LAN architecture defines how devices connect and communicate on a local network.
2016년 12월에 진행되었던 W3C HTML5 Conference 2016의 오후 트렉 (웹프레임워크)의 발표 자료입니다.
웹프레임워크 세미나의 첫번째는 corechain 개발자이자 ‘몰입! 자바스크립트’의 저자이신 김영보님께서 진행하셨습니다. 30년 넘게 개발자로 살아오시면서 경험한 개발 환경의 변화를 ‘웹 개발의 현재와 미래’라는 주제로 발표하셨습니다.
클라우드의 필수속성과 그로 인해 유발되는 일반적 가치명제와 잠재위험을 설명한다. 기업이나 정부에서 Private 클라우드 구축 또는 Public 클라우드 활용을 성공적으로 추진할 수 있는 선행요건과 실패요인을 살펴본다. 클라우드 도입 모델(Public, Hosted Private, Private 클라우드 모델)의 선택기준을 알아보고, 클라우드 도입 모델 별로 효과적인 추진 전략에 대해 상세히 살펴본다. 특히 클라우드의 보안문제에 대한 대응전략을 알아본다. 또한 클라우드 도입 성공사례들을 통해 다양한 전략의 적용 실태를 살펴본다. 다음 클라우드 전략수립, 선정 및 협약, 구현 및 운영의 생애주기에 적용할 수 있는 체계적인 프레임워크와 프로세스를 제시한다.
Accelerate graphics performance with ozone-gbm on Intel based Linux desktop s...Joone Hur
This is about accelerating Web graphics performance with ozone-gbm on Intel based Linux desktop systems.
You can find Google Docs slides at
https://docs.google.com/presentation/d/1o-a-DV43SnPPeyQodeMdbIqA05bRTNpZ3uidP2CBYeo/edit#slide=id.g38a9ffee37_0_0
This document discusses bringing GNOME applications and development to the Tizen mobile platform. It provides an overview of Tizen and how it compares to previous GNOME mobile platforms like Maemo. It then outlines steps to build and install GNOME dependencies like GTK+ on Tizen, including downloading source code, using the Git and build systems, and creating packages. It demonstrates a simple image viewer application built with GTK+ on Tizen. Future plans include better language support and a mobile-friendly theme for GNOME on Tizen.
- WebKitGtk+ is the GNOME platform port of the WebKit rendering engine that offers WebKit's full functionality through GObject-based APIs.
- It is used by applications like GNOME Browser, Midori, DevHelp, Evolution, and the GNOME Shell. The current stable version is 1.6.1 from 2011.
- The WebKitWebView class is central to the WebKitGtk+ API and represents the content area that displays web content. It uses dependencies like GTK+, Cairo, Pango, and WebKit.
This document discusses WebKitGtk+, an open source web engine used in many applications. It summarizes the history and architecture of WebKit, describes how WebKitGtk+ integrates with GNOME platforms, and outlines how to get involved with the WebKit community through contributing code, testing, or participating in discussions.
Hardware Acceleration in WebKit provides concise summaries of key points:
1) WebKit uses various techniques like off-screen buffers, JIT compilation, and graphics acceleration to improve browsing performance. Graphics acceleration reduces CPU usage by offloading tasks like rendering to the GPU.
2) WebKit supports hardware acceleration of video playback and 2D canvas rendering through interfaces to video and graphics hardware. This allows smoother playback and animation.
3) Accelerated compositing in WebKit uses multiple tree structures integrated with the rendering process to take advantage of GPU acceleration for CSS3 effects, transitions, animations, and HTML5 video through interfaces like OpenCL.
This document summarizes Joone Hur's presentation on web standards support in WebKit. It discusses several new and emerging web APIs including custom protocol and content handlers, AddSearchProvider, Navigation Timing, device APIs for battery status, contacts, and media capture. It also covers the Unified Storage Quota API, Shadow DOM API, and notes that WebCL and WebKit2 have been added to Samsung and Nokia browsers.
6. 다 양 한 트 리 구 조 관 리
• 문 서 구 조
o DOM 트 리 , Shadow DOM 트 리
• 레 이 아 웃
o RenderObject 트 리
o RenderStyle
o RenderLayer 트 리
o GraphicsLayer 트 리
• 문 자 열 레 이 아 웃
o LineBox
7. DOM 트 리
<html>
<body>
<p> Hello World </p>
<div style="position:absolute;
left:100px;top:150px">
<img src="example.png"/></div>
</body>
</html>
8. 렌 더 트 리 (Render Tree)
• 스 타 일 정 보 , 크 기 와 위 치 정 보 갖 고 있 음
• Plug-in, 폰 트 , 이 미 지 , Shadow DOM 트 리 와 연
결
• 역 할
o Layout
o Painting
o Hit Testing
10. RenderLayer 트 리
다 음 조 건 에 서 생 성 됨
웹 페 이 지 루 트 (RenderView)
CSS position 이 명 확 한 경 우 (relative, absolute, fixed)
CSS transform 이 적 용 된 경 우
투 명 도 가 적 용 된 경 우 (CSS opacity)
overflow, alpha mask, reflection 이 적 용 된 경 우
3D context 는 가 진 <canvas> 엘 리 먼 트
<video> 엘 리 먼 트
11. RenderStyle 트 리
• 모 든 CSS Style 정 보 갖 고 있 음
• 렌 더 트 리 가 소 유 함
• RenderObject 는 Style 을 공 유 함
16. Reflow(Layout) & Repaint
• Reflow
o각 엘 리 먼 트 를 화 면 에 배 치 하 기 위 해 위 치 와 크 기
를 갖 도 록 하 과 정
• Repaint
o Reflow 에 인 해 웹 페 이 지 전 체 또 는 일 부 영 역 을
새 로 또 는 다 시 그 리 는 과 정
24. Batch DOM changes and perform them
"offline".
• 임 시 변 경 을 저 장 하 기 위 해 documentFragment 사 용
• element.cloneNode 이 용
• display: none (1 reflow, repaint) 속 성 으 로 element 갖
추 기
25. Don't ask for computed styles excessively.
http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/
26. WebKit 내 부 에 서 는 ?
Element::clientHeight()
Document::updateLayoutIgnorePendingStylesheets()
Document::updateLayout();
Document::updateStyleIfNeeded()
Document::recalcStyle(NoChange);
FrameView::layout(bool allowSubtree = true);
27. Reflow 가 발 생 하 는 DOM API (1)
ElementclientHeight, clientLeft, clientTop, clientWidth, focus(),
getBoundingClientRect(), getClientRects(), innerText,
offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth,
outerText, scrollByLines(), scrollByPages(), scrollHeight,
scrollIntoView(), scrollIntoViewIfNeeded(), scrollLeft, scrollTop,
scrollWidth
Frame, Imageheight, width
RangegetBoundingClientRect(), getClientRects()
http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-in-
28. Reflow 가 발 생 하 는 DOM API (1)
SVGLocatablecomputeCTM(), getBBox()
SVGTextContentgetCharNumAtPosition(),
getComputedTextLength(), getEndPositionOfChar(),
getExtentOfChar(), getNumberOfChars(), getRotationOfChar(),
getStartPositionOfChar(), getSubStringLength(),
selectSubString()
SVGUseinstanceRoot
windowgetComputedStyle(), scrollBy(), scrollTo(), scrollX,
scrollY, webkitConvertPointFromNodeToPage(),
webkitConvertPointFromPageToNode()
http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-in-webkit.html
30. 참 고
• How Browsers Work
o http://www.html5rocks.com/en/tutorials/interna
ls/howbrowserswork/
• Rendering in WebKit,
o http://www.youtube.com/watch?v=RVnARGhhs9w
• How (not) to trigger a layout in WebKit
o http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-
in-webkit.html
• Rendering: repaint, reflow/relayout, restyle
o http://www.phpied.com/rendering-repaint-reflowrelayout-
restyle/