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

ecdevday1

May 16, 2015

Download

Technology

Kenu Heo
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: ecdevday1

시간 구분 강사 제목

19:00 ~

21:00

UI 김정범 대리 웹표준이냐 속도냐(UI개발자의 고뇌)

RIA 오창훈 대리 GS이숍만의 RIA 개발활용팁과 노하우

프로젝트 김현 과장 효율적인 유지보수를 위한 개발 및 관리

프레임워크 추경돈 대리 Spring Framework 도입 사례

SE 김풍주 대리 웹 표준스펙 살펴보기 (명세서에 살고 명세서에 죽다)

쇼핑몰 트렌드 초청 김태진 쇼핑몰 컨설턴트가 바라본 쇼핑몰 트렌드

코드관리 허광남 과장 레거시 코드 관리 전략 (남이 짠 코드 빨리 알아보기)

SQL튜닝 박광일 대리 웹개발자의 약한고리 SQL 뛰어넘기

Page 2: ecdevday1

2 / 15

GS홈쇼핑 EC정보팀

김정범([email protected])

웹표준? or 속도? (UI개발자의고뇌)

Page 3: ecdevday1

3 / 15

목차

? UI 개발이란

? 쇼핑몰에서 웹표준을 왜 적용해야하나

? 웹표준 준수냐? 속도향상이냐?

Page 4: ecdevday1

4 / 15

UI 개발이란

Page 5: ecdevday1

5 / 15

- 웹 퍼블리셔, front-end engieneer 등등

- 코더 : 시키는 일만 열심히 한다. 일명 돌쇠.

- UI 개발은 디자인과 개발의 중간에서 필터링을 한다.

- UX조직으로 발전하면 기획쪽 필터링도 할 수 있다.

UI 개발이란

기획

디자인

개발

UIUI

UXUX

Page 6: ecdevday1

6 / 15

-디자인 필터링 커팅과 구현은 우리가 할테니 디자인에만 집중해라.

-개발 필터링 디자이너와는 우리가 싸울테니 개발에만 신경써라.

-기획 필터링 화면구성은 우리가 할테니 기획과 컨셉만 알려달라.

UI 개발이란

UI개발은 네비게이션이다.

Page 7: ecdevday1

7 / 15

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

Page 8: ecdevday1

8 / 15

웹표준을 왜 해야하나?

- 크로스브라우징을 하기위해

- 웹접근성을 높여서 시각장애자도 문제없이 사용할 수 있도록

- 경쟁사에서 하니까 뒤쳐질 수 없어서

페이지 로딩 속도향상

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

Page 9: ecdevday1

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: ecdevday1

10 / 15

장점.

- 페이지 로딩 속도가 빨라진다.

- 네트워크 비용을 줄인다.

예> 하루 방문자 100,000명 ¡

웹표준으로 줄어든 html용량 30K

= 3,000,000,000Byte (3GByte)

고객의 시간을 아낄 수 있다.

돈을 벌 수는 없지만, 돈을 아낄 수는 있다.

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

Page 11: ecdevday1

11 / 15

UI개발자가 할 수 있는 속도향상

? Id, Class명을 명확하게 하여 주석을 최소화해라.

? 이미지 용량보다 이미지 개수를 줄여라.

? 로딩시 불필요한 자바스크립트를 소스 끝부분으로 옮겨라.

? CSS,JS는 external file로 관리하라.

? 템플릿을 만들어서 재활용을 하자.

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

Page 12: ecdevday1

12 / 15

웹표준 준수냐? 속도향상이냐?

Page 13: ecdevday1

13 / 15

Validation test만 통과하면 웹표준?

웹표준 준수냐? 속도향상이냐?

Page 14: ecdevday1

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: ecdevday1

15 / 15

결정의 시간

VS

속도보단

완벽한 웹표준

속도우선

최대한 웹표준

웹표준 준수냐? 속도향상이냐?

라이언일병 구하기 아마겟돈

Page 16: ecdevday1

16 / 15

감사합니다.

질문은 뒷풀이장소에서

문의 : [email protected]