H3 2011 HTML/CSS로 만들어진 디테일이 살아있는 앱 제작의 노하우를 모두 공개합니다!KTHThis document provides guidance for developing HTML and CSS code for mobile devices. It discusses topics like screen resolutions and pixel densities for different devices, techniques for responsive design like viewport settings and media queries, and patterns for touch-friendly interfaces using large hit areas and fingers instead of cursors. The guidance is organized into sections covering platforms, resolutions, layouts, images, and inputs with examples of code implementations.
H3 경쟁력있는 웹앱 개발을 위한 모바일 js 프레임웍민태 김This document compares JavaScript and HTML for building web applications. It discusses various JavaScript frameworks like jQueryMobile, Sencha Touch, and Dojo that can be used to build mobile web apps. It also discusses using data attributes in HTML to define app layout and structure when using frameworks like jQuery Mobile. Praha.JS is presented as an alternative JavaScript framework that uses a common layout system without pages, just views. HBOX and VBOX layout types are horizontal and vertical box layouts used in the Praha.JS framework.
47. GFS를 뛰어넘자
#1 메타 정보 꾸러미 도입
이름 사전 순으로
정리하면 노트 주인만 정하면
A 하지만 노트들을 어떻게
분배해야 할까요?
B
됩니다.
…
Y
Z
48. GFS를 뛰어넘자
#2 메타 정보 꾸러미와
서버의 짝 맺음
나는 D
U 부터 D 까지 관리
나는 T
P 부터 T 까지 관리
X YZA B C D D
W E
V
T U F
T G
S H 나는 O
R I E 부터 O 까지 관리
Q J
PO K
NM L
O
49. GFS를 뛰어넘자
#3 서버에 장애가 발생하더라도
영향을 최소화
나는 D
나는 T U 부터 D 까지 관리
P 부터 T 까지 관리
추가로 E 부터 O 도 관리 X YZA B C D D
W E
V
T U F
T G
S H
X
R I
오늘부터 휴가
Q J
PO K
NM L
O
72. PrismFS
PrismFS 구조
Data Server Group Data Server Group Management Group
Deploy Map Distributed Meta System
Status Collector
REST Client Group
REST Front REST Front Dash Board
REST Front
REST Front REST Front REST Front
Distributed
Data Server Group Data Server Group Directory Service
Data Server Group
73. PrismFS
PrismFS 특징
1) 분산 메타 관리 체계
2) Erasure Code 기반 자료 보호
3) REST API
4) 모든 자료에 check-sum 적용
5) 통합된 관리 체계