6월14일 COEX에서 열린 정보처리학회의 IT 21 Conference에서 발표한 내용입니다.
스마트 기기의 확산과 함께 웹 기술의 진화는 빠르게 이루어지고 있다. 오늘날 웹 기술은 HTML5와 단말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리할 뿐아니라 웹 운영체제(OS)로까지 진화하고 있다. 그러나 웹 기술을 활용한 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 새로운 사용자 인터페이스에 대한 요구들도 높아지고 있다. 더불어 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 응용이 활용됨에 따라 단말과 플랫폼에 상관없이 보편적 서비스 환경으로 웹 UI/UX에 대한 관심들이 높아지고 있다. 이에 본 발표에서는 이처럼 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 진행되고 있는 다양한 모바일/멀티디바이스 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 한다
웹 UI/UX에 관심 있는 분들은 참고해보시길 바랍니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
The deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
6월14일 COEX에서 열린 정보처리학회의 IT 21 Conference에서 발표한 내용입니다.
스마트 기기의 확산과 함께 웹 기술의 진화는 빠르게 이루어지고 있다. 오늘날 웹 기술은 HTML5와 단말 API 등을 통해 단말의 HW을 제어하고 비동기적으로 원격 데이터베이스를 연동하며 다양한 응용 로직을 처리할 뿐아니라 웹 운영체제(OS)로까지 진화하고 있다. 그러나 웹 기술을 활용한 응용과 서비스가 많아짐에 따라 시스템의 복잡도가 높아지고 새로운 사용자 인터페이스에 대한 요구들도 높아지고 있다. 더불어 PC뿐 아니라 모바일, TV 등 다양한 단말 환경에서 웹 응용이 활용됨에 따라 단말과 플랫폼에 상관없이 보편적 서비스 환경으로 웹 UI/UX에 대한 관심들이 높아지고 있다. 이에 본 발표에서는 이처럼 변화되는 서비스 환경을 중심으로 보다 나은 웹 사용성을 제공하기 위해 진행되고 있는 다양한 모바일/멀티디바이스 웹 UI/UX 관련 이슈 및 기술 표준 동향에 대해 살피고, 향후 웹 사용자 편의와 사용자 경험 개선 극대화를 위해 나아갈 방향들에 대해 고찰해보고자 한다
웹 UI/UX에 관심 있는 분들은 참고해보시길 바랍니다.
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
The deck includes a set of techniques and knowledge that can be used when you try to optimize the performance HTML5 app, mobile Web site, JavaScript application running on top of a browser or WebView
This document discusses techniques for improving global web performance and content delivery networks (CDNs). It begins by explaining how internet speeds vary globally and within Korea. It then discusses how CDNs work by caching content at the edge to reduce latency. Both national and global CDNs are described, with global CDNs having points of presence around the world. Metrics for measuring website performance like waterfall charts are also presented. Methods for optimizing websites through techniques like initializing TCP connections and front-end optimizations are then covered. The document concludes by discussing some advanced topics like mobile network latency.
MongoDB: Scaling write performance | Devon 2012Daum DNA
This document discusses strategies for scaling write performance in MongoDB. It begins by noting that while MongoDB is easy to install and use for simple data models, scaling write performance becomes challenging, especially with secondary indexes. Maintaining high insert throughput requires careful consideration of the shard key to ensure even data distribution and avoid overloading indexes. Techniques discussed include partitioning collections by time, upgrading hardware with more RAM and IOPS, and choosing a low-cardinality hash prefix plus sequential field as the shard key. The key lessons are to understand how indexes impact performance, test shard key choices thoroughly, and recognize that linear scalability requires significant hardware resources.
6. 웹 표준 직군?
보통
HTML, CSS, Client Script,
Light Server-side Programming, Web design
등을 업무로 진행하는 직군
Tuesday, March 26, 13
7. 웹 표준 직군?
야후의 경우
front-end-engineer정의하고 직군중에 상당한 비중을 가지고 있다.
“마지막으로 우리가 방어선의 마지막에 서있다.
이것은 사용자에게도 마찬가지지만, 더 중요하게는 프로젝트의 라이프 사이클 관점에
서이다. 우리는 디자이너의 작업물, 백엔드의 작업물 등을 통합하는 역할을 한다. 프로
젝트가 서비스 되기 전의 마지막을 우리가 담당하고 있다. 그러므로 무언가 잘못되고 있
다면 손을 들어 지적해야 한다.”
Tuesday, March 26, 13
9. 웹 표준 직군?
한국의 경우
2000년대 초반에 웹 에이전시를 중심으로 서버사이드 개발자의 업무 영역
이 너무 넓어지는 것을 우려해 당시 Image-slice 와 Table로 대변되는
HTML 코더 직군이 생김
이들은 HTML, CSS, Image-Slice를 주 업무로 함
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel="STYLESHEET" type="text/css" href="http://s.nx.com/S3/CSS/Advertisement/global.css">
</head>
<body>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="836">
<tr>
<td width="268" bgcolor="#6D96DC" height="5"></td>
<td width="568" bgcolor="#B9D73F"></td>
</tr>
<tr>
<td width="268">
<!-- Logo :S -->
<table border="0" cellpadding="0" cellspacing="0" width="268">
<tr><td height="18"></td></tr>
<tr>
<td width="169"><a href="#"><img src="http://s.nx.com/S2/Advertisement/image/global/logo.gif" width="158" height="28"
alt="NEXON" style="margin-left:2px;"></a></td>
<td width="99"><a href="#"><img src="http://s.nx.com/S2/Advertisement/image/global/logo_ad.gif" width="64" height="17" alt="광고안
내" style="margin-bottom:1px;"></a></td>
</tr>
<tr><td height="11"></td></tr>
</table>
<!-- Logo :E -->
</td>
<td width="568" valign="bottom" align="right">
<table border="0" cellpadding="0" cellspacing="0">
Tuesday, March 26, 13
<!-- Top navigation section :S -->
10. 웹 표준 직군?
한국의 경우
한국 웹 사이트가 만들어지는 현실을 보면
기획 - 디자인 - HTML,CSS - 서버 개발이 되면서 javascript 또한 대부분
서버 개발자들이 담당
HTML
기획 디자인 CSS 개발
IMAGE
Tuesday, March 26, 13
11. 웹 표준 직군?
한국의 경우
2004년 경부터 국내외에서 웹 표준이 대두 되고, 또한 브라우저의 다양성
이 대두되면서 크로스 브라우징과 속도 최적화라는 목적이 생기면서 이 직
군이 이슈가 발생하게 됨
Tuesday, March 26, 13
12. 웹 표준 직군?
한국의 경우
RIA 를 통한 Javascript의 중요성이 강조 되면서 웹 퍼블리셔라는 기존의
HTML Coder직군과 Server-side에서 분리된 Javascript,와 Ajax를 주로
담당하는 직군으로 나뉘어짐
Tuesday, March 26, 13
13. 웹 표준 직군?
한국의 경우
일부 포털과 각종 업체는 HTML, CSS, Javascript를 모두 할 수 있는 것을
목표로 삼고 있으나 쉽지 않음
Tuesday, March 26, 13
14. 웹 표준 직군?
한국의 경우
HTML5, CSS3, 접근성, 모바일, 웹 앱 등의 이슈가 부각
HTML5의 markup 부분과 접근성은 기존의 HTML Coder가
HTML5 관련 API는 Javascript 개발을 주로 하는 사람으로 그 영역이 분리
되고 있는 상황.
Tuesday, March 26, 13
16. 이원주
12년차 Front-end Engineer
Daum 웹 표준 기술팀 팀장
Daum Service 웹 표준 개발팀 팀장
Tuesday, March 26, 13
17. 정찬명
11년차 UI designer, UI developer
NHN XE 개발팀 차장
한국 웹 표준 프로젝트 회원
한국 정보화 진흥원 웹 접근성 연구소 온라인 자문위원
블로그 나라디자인 운영중 (http://naradesign.net)
Tuesday, March 26, 13
18. 조현진
11년차 Front-end developer
ACG FD Team 팀장
한국 웹 표준 프로젝트 회원
한국 웹 접근성 그룹 운영진
한국 정보화 진흥원 웹 접근성 연구소 온라인 자문위원
Tuesday, March 26, 13
19. 홍윤표
12년차 HTML Coder
한국 웹 표준 프로젝트 회원
한국 정보화 진흥원 웹 접근성 연구소 온라인 자문위원
블로그 deutism 운영중 (http://mydeute.com/)
Tuesday, March 26, 13