시간        구분       강사                               제목
          UI      김정범 대리   웹표준이냐 속도냐(UI개발자의 고뇌)
          RIA     오...
웹표준? or 속도? (UI개발자의고뇌)
                       GS홈쇼핑 EC정보팀
               김정범(nevernet@gshs.co.kr)




      2 / 15
목차



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




                 3 / 15
UI 개발이란




4 / 15
UI 개발이란




          - 웹 퍼블리셔, front-end engieneer 등등
          - 코더 : 시키는 일만 열심히 한다. 일명 돌쇠.
          - UI 개발은 디자인과 개발의 ...
UI 개발이란




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

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

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




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




        웹표준을 왜 해야하나?


        - 크로스브라우징을 하기위해
        - 웹접근성을 높여서 시각장애자도 문제없이 사용할 수 있도록
        -...
쇼핑몰에서 웹표준을 왜 적용해야하나




                                                 DIV Layout
           Table Layout




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




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

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

        - 네트워크 비용을 줄인다.
 ...
쇼핑몰에서 웹표준을 왜 적용해야하나




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


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

            이미지...
웹표준 준수냐? 속도향상이냐?




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




         Validation test만 통과하면 웹표준?




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




          Browser별 점유도

                         Worldwide              국내종합            국내쇼핑몰        ...
웹표준 준수냐? 속도향상이냐?




                             결정의 시간




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




             ...
감사합니다.
질문은 뒷풀이장소에서

 문의 : nevernet@gshs.co.kr




         16 / 15
Upcoming SlideShare
Loading in...5
×

ecdevday1

1,371

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,371
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

ecdevday1

  1. 1. 시간 구분 강사 제목 UI 김정범 대리 웹표준이냐 속도냐(UI개발자의 고뇌) RIA 오창훈 대리 GS이숍만의 RIA 개발활용팁과 노하우 프로젝트 김현 과장 효율적인 유지보수를 위한 개발 및 관리 19:00 프레임워크 추경돈 대리 Spring Framework 도입 사례 ~ SE 김풍주 대리 웹 표준스펙 살펴보기 (명세서에 살고 명세서에 죽다) 21:00 쇼핑몰 트렌드 초청 김태진 쇼핑몰 컨설턴트가 바라본 쇼핑몰 트렌드 코드관리 허광남 과장 레거시 코드 관리 전략 (남이 짠 코드 빨리 알아보기) SQL튜닝 박광일 대리 웹개발자의 약한고리 SQL 뛰어넘기
  2. 2. 웹표준? or 속도? (UI개발자의고뇌) GS홈쇼핑 EC정보팀 김정범(nevernet@gshs.co.kr) 2 / 15
  3. 3. 목차 ? UI 개발이란 ? 쇼핑몰에서 웹표준을 왜 적용해야하나 ? 웹표준 준수냐? 속도향상이냐? 3 / 15
  4. 4. UI 개발이란 4 / 15
  5. 5. UI 개발이란 - 웹 퍼블리셔, front-end engieneer 등등 - 코더 : 시키는 일만 열심히 한다. 일명 돌쇠. - UI 개발은 디자인과 개발의 중간에서 필터링을 한다. - UX조직으로 발전하면 기획쪽 필터링도 할 수 있다. 기획 UX 디자인 UI 개발 5 / 15
  6. 6. UI 개발이란 -디자인 필터링  커팅과 구현은 우리가 할테니 디자인에만 집중해라. -개발 필터링  디자이너와는 우리가 싸울테니 개발에만 신경써라. -기획 필터링  화면구성은 우리가 할테니 기획과 컨셉만 알려달라. UI개발은 네비게이션이다. 6 / 15
  7. 7. 쇼핑몰에서 웹표준을 왜 적용해야하나 7 / 15
  8. 8. 쇼핑몰에서 웹표준을 왜 적용해야하나 웹표준을 왜 해야하나? - 크로스브라우징을 하기위해 - 웹접근성을 높여서 시각장애자도 문제없이 사용할 수 있도록 - 경쟁사에서 하니까 뒤쳐질 수 없어서 페이지 로딩 속도 향상 8 / 15
  9. 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. 10. 쇼핑몰에서 웹표준을 왜 적용해야하나 장점. - 페이지 로딩 속도가 빨라진다. 고객의 시간을 아낄 수 있다. - 네트워크 비용을 줄인다. 예> 하루 방문자 100,000명 ¡ 웹표준으로 줄어든 html용량 30K = 3,000,000,000Byte (3GByte) 돈을 벌 수는 없지만, 돈을 아낄 수는 있다. 10 / 15
  11. 11. 쇼핑몰에서 웹표준을 왜 적용해야하나 UI개발자가 할 수 있는 속도향상 Id, Class명을 명확하게 하여 주석을 최소화해라. ? 이미지 용량보다 이미지 개수를 줄여라. ? 로딩시 불필요한 자바스크립트를 소스 끝부분으로 옮겨라. ? CSS,JS는 external file로 관리하라. ? 템플릿을 만들어서 재활용을 하자. ? 11 / 15
  12. 12. 웹표준 준수냐? 속도향상이냐? 12 / 15
  13. 13. 웹표준 준수냐? 속도향상이냐? Validation test만 통과하면 웹표준? 13 / 15
  14. 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. 15. 웹표준 준수냐? 속도향상이냐? 결정의 시간 라이언일병 구하기 아마겟돈 VS 속도보단 속도우선 완벽한 웹표준 최대한 웹표준 15 / 15
  16. 16. 감사합니다. 질문은 뒷풀이장소에서 문의 : nevernet@gshs.co.kr 16 / 15
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×