Page 1
시간 구분 강사 제목
19:00 ~
21:00
UI 김정범 대리 웹표준이냐 속도냐(UI개발자의 고뇌)
RIA 오창훈 대리 GS이숍만의 RIA 개발활용팁과 노하우
프로젝트 김현 과장 효율적인 유지보수를 위한 개발 및 관리
프레임워크 추경돈 대리 Spring Framework 도입 사례
SE 김풍주 대리 웹 표준스펙 살펴보기 (명세서에 살고 명세서에 죽다)
쇼핑몰 트렌드 초청 김태진 쇼핑몰 컨설턴트가 바라본 쇼핑몰 트렌드
코드관리 허광남 과장 레거시 코드 관리 전략 (남이 짠 코드 빨리 알아보기)
SQL튜닝 박광일 대리 웹개발자의 약한고리 SQL 뛰어넘기
Page 2
2 / 15
GS홈쇼핑 EC정보팀
김정범([email protected] )
웹표준? or 속도? (UI개발자의고뇌)
Page 3
3 / 15
목차
? UI 개발이란
? 쇼핑몰에서 웹표준을 왜 적용해야하나
? 웹표준 준수냐? 속도향상이냐?
Page 5
5 / 15
- 웹 퍼블리셔, front-end engieneer 등등
- 코더 : 시키는 일만 열심히 한다. 일명 돌쇠.
- UI 개발은 디자인과 개발의 중간에서 필터링을 한다.
- UX조직으로 발전하면 기획쪽 필터링도 할 수 있다.
UI 개발이란
기획
디자인
개발
UIUI
UXUX
Page 6
6 / 15
-디자인 필터링 커팅과 구현은 우리가 할테니 디자인에만 집중해라.
-개발 필터링 디자이너와는 우리가 싸울테니 개발에만 신경써라.
-기획 필터링 화면구성은 우리가 할테니 기획과 컨셉만 알려달라.
UI 개발이란
UI개발은 네비게이션이다.
Page 7
7 / 15
쇼핑몰에서 웹표준을 왜 적용해야하나
Page 8
8 / 15
웹표준을 왜 해야하나?
- 크로스브라우징을 하기위해
- 웹접근성을 높여서 시각장애자도 문제없이 사용할 수 있도록
- 경쟁사에서 하니까 뒤쳐질 수 없어서
페이지 로딩 속도향상
쇼핑몰에서 웹표준을 왜 적용해야하나
Page 9
9 / 15
Table Layout DIV Layout
Table Layout DIV Layout 절감률
HTML 코드 = 876 line HTML 코드 = 376 line 43%
HTML 파일용량 = 49.5 KB HTML 파일용량 = 17.5 KB 35%
CSS파일용량 = 0 KB CSS파일용량 = 2.02 KB
쇼핑몰에서 웹표준을 왜 적용해야하나
Page 10
10 / 15
장점.
- 페이지 로딩 속도가 빨라진다.
- 네트워크 비용을 줄인다.
예> 하루 방문자 100,000명 ¡
웹표준으로 줄어든 html용량 30K
= 3,000,000,000Byte (3GByte)
고객의 시간을 아낄 수 있다.
돈을 벌 수는 없지만, 돈을 아낄 수는 있다.
쇼핑몰에서 웹표준을 왜 적용해야하나
Page 11
11 / 15
UI개발자가 할 수 있는 속도향상
? Id, Class명을 명확하게 하여 주석을 최소화해라.
? 이미지 용량보다 이미지 개수를 줄여라.
? 로딩시 불필요한 자바스크립트를 소스 끝부분으로 옮겨라.
? CSS,JS는 external file로 관리하라.
? 템플릿을 만들어서 재활용을 하자.
쇼핑몰에서 웹표준을 왜 적용해야하나
Page 12
12 / 15
웹표준 준수냐? 속도향상이냐?
Page 13
13 / 15
Validation test만 통과하면 웹표준?
웹표준 준수냐? 속도향상이냐?
Page 14
14 / 15
Worldwide
(07.06)
국내종합
(07.01~07.11)
국내쇼핑몰
(07.01~07.11)
GSeshop
(07.11)
Explorer 84.66% 99.41% 99.53% 99.48%
Firefox 12.72% 0.42% 0.33% 0.36%
Safari 1.79% 0.08% 0.08% 0.10%
Opera 0.61% 0.03% 0.02% 0.03%
netscape 0.11% 0.01% 0.00% 0.00%
기타 0.11% 0.04% 0.04% 0.03%
참고 : http://www.onestat.com/html/aboutus_pressbox53-firefox-mozilla-browser-market-share.html
http://internettrend.co.kr
- IE는 대표브라우저일 뿐. 현재 표준브라우저는 존재하지 않는다.
- 0.5%를 어떻게 할 것이냐
Browser별 점유도
웹표준 준수냐? 속도향상이냐?
Page 15
15 / 15
결정의 시간
VS
속도보단
완벽한 웹표준
속도우선
최대한 웹표준
웹표준 준수냐? 속도향상이냐?
라이언일병 구하기 아마겟돈
Page 16
16 / 15
감사합니다.
질문은 뒷풀이장소에서
문의 : [email protected]