1. 시간 구분 강사 제목
UI 김정범 대리 웹표준이냐 속도냐(UI개발자의 고뇌)
RIA 오창훈 대리 GS이숍만의 RIA 개발활용팁과 노하우
프로젝트 김현 과장 효율적인 유지보수를 위한 개발 및 관리
19:00 프레임워크 추경돈 대리 Spring Framework 도입 사례
~
SE 김풍주 대리 웹 표준스펙 살펴보기 (명세서에 살고 명세서에 죽다)
21:00
쇼핑몰 트렌드 초청 김태진 쇼핑몰 컨설턴트가 바라본 쇼핑몰 트렌드
코드관리 허광남 과장 레거시 코드 관리 전략 (남이 짠 코드 빨리 알아보기)
SQL튜닝 박광일 대리 웹개발자의 약한고리 SQL 뛰어넘기

2. 웹표준? or 속도? (UI개발자의고뇌)
GS홈쇼핑 EC정보팀
김정범(nevernet@gshs.co.kr)
2 / 15

3. 목차
? UI 개발이란
? 쇼핑몰에서 웹표준을 왜 적용해야하나
? 웹표준 준수냐? 속도향상이냐?
3 / 15

4. UI 개발이란
4 / 15

5. UI 개발이란
- 웹 퍼블리셔, front-end engieneer 등등
- 코더 : 시키는 일만 열심히 한다. 일명 돌쇠.
- UI 개발은 디자인과 개발의 중간에서 필터링을 한다.
- UX조직으로 발전하면 기획쪽 필터링도 할 수 있다.
기획
UX
디자인
UI
개발
5 / 15

6. UI 개발이란
-디자인 필터링
 커팅과 구현은 우리가 할테니 디자인에만 집중해라.
-개발 필터링
 디자이너와는 우리가 싸울테니 개발에만 신경써라.
-기획 필터링
 화면구성은 우리가 할테니 기획과 컨셉만 알려달라.
UI개발은 네비게이션이다.
6 / 15

7. 쇼핑몰에서 웹표준을 왜 적용해야하나
7 / 15

8. 쇼핑몰에서 웹표준을 왜 적용해야하나
웹표준을 왜 해야하나?
- 크로스브라우징을 하기위해
- 웹접근성을 높여서 시각장애자도 문제없이 사용할 수 있도록
- 경쟁사에서 하니까 뒤쳐질 수 없어서
페이지 로딩 속도 향상
8 / 15

9. 쇼핑몰에서 웹표준을 왜 적용해야하나
DIV Layout
Table 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
9 / 15

10. 쇼핑몰에서 웹표준을 왜 적용해야하나
장점.
- 페이지 로딩 속도가 빨라진다.
고객의 시간을 아낄 수 있다.
- 네트워크 비용을 줄인다.
예> 하루 방문자 100,000명 ¡
웹표준으로 줄어든 html용량 30K
= 3,000,000,000Byte (3GByte)
돈을 벌 수는 없지만, 돈을 아낄 수는 있다.
10 / 15

11. 쇼핑몰에서 웹표준을 왜 적용해야하나
UI개발자가 할 수 있는 속도향상
Id, Class명을 명확하게 하여 주석을 최소화해라.
?
이미지 용량보다 이미지 개수를 줄여라.
?
로딩시 불필요한 자바스크립트를 소스 끝부분으로 옮겨라.
?
CSS,JS는 external file로 관리하라.
?
템플릿을 만들어서 재활용을 하자.
?
11 / 15

12. 웹표준 준수냐? 속도향상이냐?
12 / 15

13. 웹표준 준수냐? 속도향상이냐?
Validation test만 통과하면 웹표준?
13 / 15

14. 웹표준 준수냐? 속도향상이냐?
Browser별 점유도
Worldwide 국내종합 국내쇼핑몰 GSeshop
(07.06) (07.01~07.11) (07.01~07.11) (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%를 어떻게 할 것이냐
14 / 15

15. 웹표준 준수냐? 속도향상이냐?
결정의 시간
라이언일병 구하기 아마겟돈
VS
속도보단 속도우선
완벽한 웹표준 최대한 웹표준
15 / 15

16. 감사합니다.
질문은 뒷풀이장소에서
문의 : nevernet@gshs.co.kr
16 / 15