SlideShare a Scribd company logo
1 of 30
Download to read offline
웹 표준 직군의 현재와 미래
                          이원주, 정찬명, 조현진, 홍윤표




Tuesday, March 26, 13
웹 표준 직군?




Tuesday, March 26, 13
웹 표준 직군?




                            웹 퍼블리셔
                            웹 UI개발자
                        Front-end Engineer
                            HTML코더
                           마크업 개발자
                               등등




Tuesday, March 26, 13
웹 표준 직군?




               직군의 명칭에 대해 논란이 있기 때문에
           임시로 웹 표준 직군이라고 명명했습니다. 이해를 ^_^




Tuesday, March 26, 13
웹 표준 직군?




                        외국의 경우




Tuesday, March 26, 13
웹 표준 직군?




                                     보통
                           HTML, CSS, Client Script,
                 Light Server-side Programming, Web design
                           등을 업무로 진행하는 직군




Tuesday, March 26, 13
웹 표준 직군?



    야후의 경우


       front-end-engineer정의하고 직군중에 상당한 비중을 가지고 있다.

         “마지막으로 우리가 방어선의 마지막에 서있다.
         이것은 사용자에게도 마찬가지지만, 더 중요하게는 프로젝트의 라이프 사이클 관점에
         서이다. 우리는 디자이너의 작업물, 백엔드의 작업물 등을 통합하는 역할을 한다. 프로
         젝트가 서비스 되기 전의 마지막을 우리가 담당하고 있다. 그러므로 무언가 잘못되고 있
         다면 손을 들어 지적해야 한다.”




Tuesday, March 26, 13
웹 표준 직군?




                        한국의 경우




Tuesday, March 26, 13
웹 표준 직군?



    한국의 경우


        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 -->
웹 표준 직군?



    한국의 경우


       한국 웹 사이트가 만들어지는 현실을 보면
       기획 - 디자인 - HTML,CSS - 서버 개발이 되면서 javascript 또한 대부분
       서버 개발자들이 담당




                                     HTML
                        기획   디자인      CSS     개발
                                    IMAGE




Tuesday, March 26, 13
웹 표준 직군?



    한국의 경우


       2004년 경부터 국내외에서 웹 표준이 대두 되고, 또한 브라우저의 다양성
       이 대두되면서 크로스 브라우징과 속도 최적화라는 목적이 생기면서 이 직
       군이 이슈가 발생하게 됨




Tuesday, March 26, 13
웹 표준 직군?



    한국의 경우


       RIA 를 통한 Javascript의 중요성이 강조 되면서 웹 퍼블리셔라는 기존의
       HTML Coder직군과 Server-side에서 분리된 Javascript,와 Ajax를 주로
       담당하는 직군으로 나뉘어짐




Tuesday, March 26, 13
웹 표준 직군?



    한국의 경우


       일부 포털과 각종 업체는 HTML, CSS, Javascript를 모두 할 수 있는 것을
       목표로 삼고 있으나 쉽지 않음




Tuesday, March 26, 13
웹 표준 직군?



    한국의 경우


       HTML5, CSS3, 접근성, 모바일, 웹 앱 등의 이슈가 부각

       HTML5의 markup 부분과 접근성은 기존의 HTML Coder가

       HTML5 관련 API는 Javascript 개발을 주로 하는 사람으로 그 영역이 분리
       되고 있는 상황.




Tuesday, March 26, 13
패널소개




Tuesday, March 26, 13
이원주
                        12년차 Front-end Engineer
                        Daum 웹 표준 기술팀 팀장
                        Daum Service 웹 표준 개발팀 팀장




Tuesday, March 26, 13
정찬명
                        11년차 UI designer, UI developer
                        NHN XE 개발팀 차장
                        한국 웹 표준 프로젝트 회원
                        한국 정보화 진흥원 웹 접근성 연구소 온라인 자문위원
                        블로그 나라디자인 운영중 (http://naradesign.net)




Tuesday, March 26, 13
조현진
                        11년차 Front-end developer
                        ACG FD Team 팀장
                        한국 웹 표준 프로젝트 회원
                        한국 웹 접근성 그룹 운영진
                        한국 정보화 진흥원 웹 접근성 연구소 온라인 자문위원




Tuesday, March 26, 13
홍윤표

                        12년차 HTML Coder
                        한국 웹 표준 프로젝트 회원
                        한국 정보화 진흥원 웹 접근성 연구소 온라인 자문위원
                        블로그 deutism 운영중 (http://mydeute.com/)




Tuesday, March 26, 13
토론 시작




Tuesday, March 26, 13
현재의 이야기




Tuesday, March 26, 13
현재의 이야기




                        직업으로서의 웹 표준 직군




Tuesday, March 26, 13
웹 표준 직군의 기술동향




Tuesday, March 26, 13
기술 동향




               웹 표준 직군이 가져야 할 기본적인 기술지식




Tuesday, March 26, 13
기술동향




                        OOCSS




Tuesday, March 26, 13
기술동향




                        pre-defined style




Tuesday, March 26, 13
기술동향




                        Front-end Framework




Tuesday, March 26, 13
웹 표준 직군의 기술 발전 방향




Tuesday, March 26, 13
웹 표준 직군의 다양한 직업군을 찾는다면?




Tuesday, March 26, 13
웹 표준 직군의 미래!!!!




Tuesday, March 26, 13

More Related Content

What's hot

대단한 기술없이 반응형웹 UI 만들기
대단한 기술없이 반응형웹 UI 만들기대단한 기술없이 반응형웹 UI 만들기
대단한 기술없이 반응형웹 UI 만들기지수 윤
 
반응형웹디자인 25개 사이트 분석
반응형웹디자인 25개 사이트 분석반응형웹디자인 25개 사이트 분석
반응형웹디자인 25개 사이트 분석leeseungje
 
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계  기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계 Amy Young Ah Kim
 
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향Jonathan Jeon
 
개발자가 본 웹디자인
개발자가 본 웹디자인개발자가 본 웹디자인
개발자가 본 웹디자인Jae Nam Jung
 
5주 모바일웹과 반응형웹
5주 모바일웹과 반응형웹5주 모바일웹과 반응형웹
5주 모바일웹과 반응형웹지수 윤
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망NAVER Engineering
 
드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서draghome
 
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서Jeong Seak Jeong
 
모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부NAVER D2
 
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
 
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기clearboth
 
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표ChangGyum Kim
 
웹표준의 이해
웹표준의 이해웹표준의 이해
웹표준의 이해Leehooan
 
드래그홈2013표준제안서
드래그홈2013표준제안서드래그홈2013표준제안서
드래그홈2013표준제안서draghome
 
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망Sang Seok Lim
 

What's hot (20)

대단한 기술없이 반응형웹 UI 만들기
대단한 기술없이 반응형웹 UI 만들기대단한 기술없이 반응형웹 UI 만들기
대단한 기술없이 반응형웹 UI 만들기
 
반응형웹디자인 25개 사이트 분석
반응형웹디자인 25개 사이트 분석반응형웹디자인 25개 사이트 분석
반응형웹디자인 25개 사이트 분석
 
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계  기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
 
HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3HTML5 와 미래웹기술 part 3
HTML5 와 미래웹기술 part 3
 
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향차세대 웹 환경에서의 UI/UX 기술 표준화 동향
차세대 웹 환경에서의 UI/UX 기술 표준화 동향
 
2013 app design trends
2013 app design trends2013 app design trends
2013 app design trends
 
개발자가 본 웹디자인
개발자가 본 웹디자인개발자가 본 웹디자인
개발자가 본 웹디자인
 
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례 Sencha ExtJS를 활용한 Big Data Platform 개발 사례
Sencha ExtJS를 활용한 Big Data Platform 개발 사례
 
5주 모바일웹과 반응형웹
5주 모바일웹과 반응형웹5주 모바일웹과 반응형웹
5주 모바일웹과 반응형웹
 
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
W3C HTML5 Conference 2015 - NAVER 웹 기술 및 환경 전망
 
드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서드래그홈2010홈페이지제안서
드래그홈2010홈페이지제안서
 
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
교육을 바꾸는 사람들 웹사이트 리뉴얼 제안서
 
모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부모바일웹Ui개발 저자세미나 0부
모바일웹Ui개발 저자세미나 0부
 
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
 
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기
평범한 에이전시 팀장의 일반적인 퍼블리싱 이야기
 
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
[HCI2010]UI패턴기반 UI설계/개발자동화사례발표
 
웹표준의 이해
웹표준의 이해웹표준의 이해
웹표준의 이해
 
CSS Layout
CSS LayoutCSS Layout
CSS Layout
 
드래그홈2013표준제안서
드래그홈2013표준제안서드래그홈2013표준제안서
드래그홈2013표준제안서
 
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
 

Viewers also liked

웹접근성과 장애인 차별 금지법 - 장성민
웹접근성과 장애인 차별 금지법 - 장성민웹접근성과 장애인 차별 금지법 - 장성민
웹접근성과 장애인 차별 금지법 - 장성민Daum DNA
 
Nhn coding conventions_for_markup_languages
Nhn coding conventions_for_markup_languagesNhn coding conventions_for_markup_languages
Nhn coding conventions_for_markup_languagesHyunmin Lim
 
더 나은 웹표준을 위한 Web Components
더 나은 웹표준을 위한 Web Components더 나은 웹표준을 위한 Web Components
더 나은 웹표준을 위한 Web Components정호 전
 
Daum devday 13 [bap]
Daum devday 13  [bap]Daum devday 13  [bap]
Daum devday 13 [bap]Daum DNA
 
Daum DevDay 13 - OpenBrace
Daum DevDay 13 - OpenBraceDaum DevDay 13 - OpenBrace
Daum DevDay 13 - OpenBraceDaum DNA
 
Daum 티스토리 API (천정환)
Daum 티스토리 API (천정환)Daum 티스토리 API (천정환)
Daum 티스토리 API (천정환)Daum DNA
 
Daum 검색/지도 API (이정주)
Daum 검색/지도 API (이정주)Daum 검색/지도 API (이정주)
Daum 검색/지도 API (이정주)Daum DNA
 
Daum DevDay 13-힐링이 필요해
Daum DevDay 13-힐링이 필요해Daum DevDay 13-힐링이 필요해
Daum DevDay 13-힐링이 필요해Daum DNA
 
안정적인 서비스 운영 2014.03
안정적인 서비스 운영   2014.03안정적인 서비스 운영   2014.03
안정적인 서비스 운영 2014.03Changyol BAEK
 
최전방 생존법 - 프론트엔드 개발자로 살아가기
최전방 생존법 - 프론트엔드 개발자로 살아가기최전방 생존법 - 프론트엔드 개발자로 살아가기
최전방 생존법 - 프론트엔드 개발자로 살아가기Hyeonjin Cho
 
Open api개발을 위한 자료1
Open api개발을 위한 자료1Open api개발을 위한 자료1
Open api개발을 위한 자료1도성 김
 
Daum 로그인 API (함태윤)
Daum 로그인 API (함태윤)Daum 로그인 API (함태윤)
Daum 로그인 API (함태윤)Daum DNA
 
Daum OAuth 2.0
Daum OAuth 2.0Daum OAuth 2.0
Daum OAuth 2.0Daum DNA
 
Daum 음성인식 API (김한샘)
Daum 음성인식 API (김한샘)Daum 음성인식 API (김한샘)
Daum 음성인식 API (김한샘)Daum DNA
 
Open API 발표자료 - 김연수
Open API 발표자료 - 김연수Open API 발표자료 - 김연수
Open API 발표자료 - 김연수Yeon Soo Kim
 
OAuth2 - API 인증을 위한 만능도구상자
OAuth2 - API 인증을 위한 만능도구상자OAuth2 - API 인증을 위한 만능도구상자
OAuth2 - API 인증을 위한 만능도구상자Minwoo Park
 
오픈 API 활용방법(Daum 사례 중심, 윤석찬)
오픈 API 활용방법(Daum 사례 중심, 윤석찬)오픈 API 활용방법(Daum 사례 중심, 윤석찬)
오픈 API 활용방법(Daum 사례 중심, 윤석찬)Daum DNA
 

Viewers also liked (17)

웹접근성과 장애인 차별 금지법 - 장성민
웹접근성과 장애인 차별 금지법 - 장성민웹접근성과 장애인 차별 금지법 - 장성민
웹접근성과 장애인 차별 금지법 - 장성민
 
Nhn coding conventions_for_markup_languages
Nhn coding conventions_for_markup_languagesNhn coding conventions_for_markup_languages
Nhn coding conventions_for_markup_languages
 
더 나은 웹표준을 위한 Web Components
더 나은 웹표준을 위한 Web Components더 나은 웹표준을 위한 Web Components
더 나은 웹표준을 위한 Web Components
 
Daum devday 13 [bap]
Daum devday 13  [bap]Daum devday 13  [bap]
Daum devday 13 [bap]
 
Daum DevDay 13 - OpenBrace
Daum DevDay 13 - OpenBraceDaum DevDay 13 - OpenBrace
Daum DevDay 13 - OpenBrace
 
Daum 티스토리 API (천정환)
Daum 티스토리 API (천정환)Daum 티스토리 API (천정환)
Daum 티스토리 API (천정환)
 
Daum 검색/지도 API (이정주)
Daum 검색/지도 API (이정주)Daum 검색/지도 API (이정주)
Daum 검색/지도 API (이정주)
 
Daum DevDay 13-힐링이 필요해
Daum DevDay 13-힐링이 필요해Daum DevDay 13-힐링이 필요해
Daum DevDay 13-힐링이 필요해
 
안정적인 서비스 운영 2014.03
안정적인 서비스 운영   2014.03안정적인 서비스 운영   2014.03
안정적인 서비스 운영 2014.03
 
최전방 생존법 - 프론트엔드 개발자로 살아가기
최전방 생존법 - 프론트엔드 개발자로 살아가기최전방 생존법 - 프론트엔드 개발자로 살아가기
최전방 생존법 - 프론트엔드 개발자로 살아가기
 
Open api개발을 위한 자료1
Open api개발을 위한 자료1Open api개발을 위한 자료1
Open api개발을 위한 자료1
 
Daum 로그인 API (함태윤)
Daum 로그인 API (함태윤)Daum 로그인 API (함태윤)
Daum 로그인 API (함태윤)
 
Daum OAuth 2.0
Daum OAuth 2.0Daum OAuth 2.0
Daum OAuth 2.0
 
Daum 음성인식 API (김한샘)
Daum 음성인식 API (김한샘)Daum 음성인식 API (김한샘)
Daum 음성인식 API (김한샘)
 
Open API 발표자료 - 김연수
Open API 발표자료 - 김연수Open API 발표자료 - 김연수
Open API 발표자료 - 김연수
 
OAuth2 - API 인증을 위한 만능도구상자
OAuth2 - API 인증을 위한 만능도구상자OAuth2 - API 인증을 위한 만능도구상자
OAuth2 - API 인증을 위한 만능도구상자
 
오픈 API 활용방법(Daum 사례 중심, 윤석찬)
오픈 API 활용방법(Daum 사례 중심, 윤석찬)오픈 API 활용방법(Daum 사례 중심, 윤석찬)
오픈 API 활용방법(Daum 사례 중심, 윤석찬)
 

Similar to FT직군의 현재와 미래 - 홍윤표

이벤트: 마이크로서비스 도입, 이렇게 한다
이벤트: 마이크로서비스 도입, 이렇게 한다이벤트: 마이크로서비스 도입, 이렇게 한다
이벤트: 마이크로서비스 도입, 이렇게 한다Jay Park
 
How to build Design System?
How to build Design System?How to build Design System?
How to build Design System?John Kim
 
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5Manyoung Cho
 
Web Standards Seminar 2006
Web Standards Seminar 2006Web Standards Seminar 2006
Web Standards Seminar 2006Taeyoung Yoon
 
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS미래웹기술연구소 (MIRAE WEB)
 
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스시은 김
 
예비 개발자를 위한 소프트웨어 세상 이야기
예비 개발자를 위한 소프트웨어 세상 이야기예비 개발자를 위한 소프트웨어 세상 이야기
예비 개발자를 위한 소프트웨어 세상 이야기수보 김
 
Web2.0 기술 동향 및 web 보안 취약성 분석
Web2.0 기술 동향 및 web 보안 취약성 분석Web2.0 기술 동향 및 web 보안 취약성 분석
Web2.0 기술 동향 및 web 보안 취약성 분석nam kwangjin
 
Pg day seoul 2016 session_02_v1.0_ff
Pg day seoul 2016 session_02_v1.0_ffPg day seoul 2016 session_02_v1.0_ff
Pg day seoul 2016 session_02_v1.0_ffPgDay.Seoul
 
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdfSangHoon Han
 
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?미래웹기술연구소 (MIRAE WEB)
 
Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철Kichul Jung
 
MSA 세미나.pptx
MSA 세미나.pptxMSA 세미나.pptx
MSA 세미나.pptxssuser89c688
 
2013년 워드프레스 템플릿 시장 열릴 것인가?
2013년 워드프레스 템플릿 시장 열릴 것인가?2013년 워드프레스 템플릿 시장 열릴 것인가?
2013년 워드프레스 템플릿 시장 열릴 것인가?블로그코디
 
소프트웨어 개발자 로드맵
소프트웨어 개발자 로드맵소프트웨어 개발자 로드맵
소프트웨어 개발자 로드맵중선 곽
 
보다 빠른 SQL튜닝과 분석을 위한 새로운 툴
보다 빠른 SQL튜닝과 분석을 위한 새로운 툴보다 빠른 SQL튜닝과 분석을 위한 새로운 툴
보다 빠른 SQL튜닝과 분석을 위한 새로운 툴Devgear
 
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것NAVER Engineering
 
드래그홈 표준제안서 2014
드래그홈 표준제안서 2014드래그홈 표준제안서 2014
드래그홈 표준제안서 2014draghome
 
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션미래웹기술연구소 (MIRAE WEB)
 

Similar to FT직군의 현재와 미래 - 홍윤표 (20)

이벤트: 마이크로서비스 도입, 이렇게 한다
이벤트: 마이크로서비스 도입, 이렇게 한다이벤트: 마이크로서비스 도입, 이렇게 한다
이벤트: 마이크로서비스 도입, 이렇게 한다
 
How to build Design System?
How to build Design System?How to build Design System?
How to build Design System?
 
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
엔터프라이즈 웹애플리케이션 솔루션 Sencha ExtJS 5
 
Web Standards Seminar 2006
Web Standards Seminar 2006Web Standards Seminar 2006
Web Standards Seminar 2006
 
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
엔터프라이즈 웹애플리케이션 개발 솔루션 Sencha ExtJS
 
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
예비 개발자를 위한 웹서비스 개발 방법론 특강 - 폴리텍대학교 강서캠퍼스
 
2020.02.06 우리는 왜 glue를 버렸나?
2020.02.06 우리는 왜 glue를 버렸나?2020.02.06 우리는 왜 glue를 버렸나?
2020.02.06 우리는 왜 glue를 버렸나?
 
예비 개발자를 위한 소프트웨어 세상 이야기
예비 개발자를 위한 소프트웨어 세상 이야기예비 개발자를 위한 소프트웨어 세상 이야기
예비 개발자를 위한 소프트웨어 세상 이야기
 
Web2.0 기술 동향 및 web 보안 취약성 분석
Web2.0 기술 동향 및 web 보안 취약성 분석Web2.0 기술 동향 및 web 보안 취약성 분석
Web2.0 기술 동향 및 web 보안 취약성 분석
 
Pg day seoul 2016 session_02_v1.0_ff
Pg day seoul 2016 session_02_v1.0_ffPg day seoul 2016 session_02_v1.0_ff
Pg day seoul 2016 session_02_v1.0_ff
 
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
나는 웹 크리에이터다! 그리고... 최근 웹 핫이슈!.pdf
 
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
Sencha 가 기업용 WebApps 를 위한 최적의 솔루션인 이유는?
 
Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철
 
MSA 세미나.pptx
MSA 세미나.pptxMSA 세미나.pptx
MSA 세미나.pptx
 
2013년 워드프레스 템플릿 시장 열릴 것인가?
2013년 워드프레스 템플릿 시장 열릴 것인가?2013년 워드프레스 템플릿 시장 열릴 것인가?
2013년 워드프레스 템플릿 시장 열릴 것인가?
 
소프트웨어 개발자 로드맵
소프트웨어 개발자 로드맵소프트웨어 개발자 로드맵
소프트웨어 개발자 로드맵
 
보다 빠른 SQL튜닝과 분석을 위한 새로운 툴
보다 빠른 SQL튜닝과 분석을 위한 새로운 툴보다 빠른 SQL튜닝과 분석을 위한 새로운 툴
보다 빠른 SQL튜닝과 분석을 위한 새로운 툴
 
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
NAVER TECH CONCERT_FE2019_플랫폼 UI 개발 전략의 모든 것
 
드래그홈 표준제안서 2014
드래그홈 표준제안서 2014드래그홈 표준제안서 2014
드래그홈 표준제안서 2014
 
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
Kaazing - 웹소켓 기술의 유일한 엔터프라이즈 솔루션
 

More from Daum DNA

Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)
Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)
Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)Daum DNA
 
Daum DevDay 13 - 마음의 소리
Daum DevDay 13 - 마음의 소리Daum DevDay 13 - 마음의 소리
Daum DevDay 13 - 마음의 소리Daum DNA
 
Daum DevDay 13 - Ogangjang
Daum DevDay 13 - OgangjangDaum DevDay 13 - Ogangjang
Daum DevDay 13 - OgangjangDaum DNA
 
Daum DevDay 13 - Mook
Daum DevDay 13 - MookDaum DevDay 13 - Mook
Daum DevDay 13 - MookDaum DNA
 
Daum DevDay 13 - Moonlight
Daum DevDay 13 - MoonlightDaum DevDay 13 - Moonlight
Daum DevDay 13 - MoonlightDaum DNA
 
Daum DevDay 13 - In-N-Out
Daum DevDay 13 - In-N-OutDaum DevDay 13 - In-N-Out
Daum DevDay 13 - In-N-OutDaum DNA
 
Daum DevDay 13 - i-DF
Daum DevDay 13 - i-DFDaum DevDay 13 - i-DF
Daum DevDay 13 - i-DFDaum DNA
 
Daum 키노트 | Devon 2012
Daum 키노트 | Devon 2012Daum 키노트 | Devon 2012
Daum 키노트 | Devon 2012Daum DNA
 
SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012
SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012
SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012Daum DNA
 
Daum내부 Hadoop 활용 사례 | Devon 2012
Daum내부 Hadoop 활용 사례 | Devon 2012Daum내부 Hadoop 활용 사례 | Devon 2012
Daum내부 Hadoop 활용 사례 | Devon 2012Daum DNA
 
글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012
글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012
글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012Daum DNA
 
마이피플 API | Devon 2012
마이피플 API | Devon 2012마이피플 API | Devon 2012
마이피플 API | Devon 2012Daum DNA
 
센차 터치2 시작하기 | Devon 2012
센차 터치2 시작하기 | Devon 2012센차 터치2 시작하기 | Devon 2012
센차 터치2 시작하기 | Devon 2012Daum DNA
 
Javascript everywhere - Node.js | Devon 2012
Javascript everywhere - Node.js | Devon 2012Javascript everywhere - Node.js | Devon 2012
Javascript everywhere - Node.js | Devon 2012Daum DNA
 
빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012
빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012
빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012Daum DNA
 
MongoDB: Scaling write performance | Devon 2012
MongoDB: Scaling write performance | Devon 2012MongoDB: Scaling write performance | Devon 2012
MongoDB: Scaling write performance | Devon 2012Daum DNA
 
빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012
빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012
빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012Daum DNA
 
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012Daum DNA
 
Cassandra 멘붕기 | Devon 2012
Cassandra 멘붕기 | Devon 2012Cassandra 멘붕기 | Devon 2012
Cassandra 멘붕기 | Devon 2012Daum DNA
 

More from Daum DNA (19)

Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)
Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)
Daum의 개방형 기술 전략 및 자바 기술 로드맵(2007)
 
Daum DevDay 13 - 마음의 소리
Daum DevDay 13 - 마음의 소리Daum DevDay 13 - 마음의 소리
Daum DevDay 13 - 마음의 소리
 
Daum DevDay 13 - Ogangjang
Daum DevDay 13 - OgangjangDaum DevDay 13 - Ogangjang
Daum DevDay 13 - Ogangjang
 
Daum DevDay 13 - Mook
Daum DevDay 13 - MookDaum DevDay 13 - Mook
Daum DevDay 13 - Mook
 
Daum DevDay 13 - Moonlight
Daum DevDay 13 - MoonlightDaum DevDay 13 - Moonlight
Daum DevDay 13 - Moonlight
 
Daum DevDay 13 - In-N-Out
Daum DevDay 13 - In-N-OutDaum DevDay 13 - In-N-Out
Daum DevDay 13 - In-N-Out
 
Daum DevDay 13 - i-DF
Daum DevDay 13 - i-DFDaum DevDay 13 - i-DF
Daum DevDay 13 - i-DF
 
Daum 키노트 | Devon 2012
Daum 키노트 | Devon 2012Daum 키노트 | Devon 2012
Daum 키노트 | Devon 2012
 
SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012
SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012
SensorQL을 통한 실시간 기상 데이터 활용 | Devon 2012
 
Daum내부 Hadoop 활용 사례 | Devon 2012
Daum내부 Hadoop 활용 사례 | Devon 2012Daum내부 Hadoop 활용 사례 | Devon 2012
Daum내부 Hadoop 활용 사례 | Devon 2012
 
글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012
글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012
글로벌 CDN서비스와 웹 성능 향상 방법론 | Devon 2012
 
마이피플 API | Devon 2012
마이피플 API | Devon 2012마이피플 API | Devon 2012
마이피플 API | Devon 2012
 
센차 터치2 시작하기 | Devon 2012
센차 터치2 시작하기 | Devon 2012센차 터치2 시작하기 | Devon 2012
센차 터치2 시작하기 | Devon 2012
 
Javascript everywhere - Node.js | Devon 2012
Javascript everywhere - Node.js | Devon 2012Javascript everywhere - Node.js | Devon 2012
Javascript everywhere - Node.js | Devon 2012
 
빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012
빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012
빅데이터 기반 공공 데이터 서비스 동향 | Devon 2012
 
MongoDB: Scaling write performance | Devon 2012
MongoDB: Scaling write performance | Devon 2012MongoDB: Scaling write performance | Devon 2012
MongoDB: Scaling write performance | Devon 2012
 
빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012
빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012
빅데이터 시각으로 본 공공데이터 활용 - 의료서비스 관점 | Devon 2012
 
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
앱드론을 활용한 손쉬운 모바일 매쉬업 개발 | Devon 2012
 
Cassandra 멘붕기 | Devon 2012
Cassandra 멘붕기 | Devon 2012Cassandra 멘붕기 | Devon 2012
Cassandra 멘붕기 | Devon 2012
 

FT직군의 현재와 미래 - 홍윤표

  • 1. 웹 표준 직군의 현재와 미래 이원주, 정찬명, 조현진, 홍윤표 Tuesday, March 26, 13
  • 3. 웹 표준 직군? 웹 퍼블리셔 웹 UI개발자 Front-end Engineer HTML코더 마크업 개발자 등등 Tuesday, March 26, 13
  • 4. 웹 표준 직군? 직군의 명칭에 대해 논란이 있기 때문에 임시로 웹 표준 직군이라고 명명했습니다. 이해를 ^_^ Tuesday, March 26, 13
  • 5. 웹 표준 직군? 외국의 경우 Tuesday, March 26, 13
  • 6. 웹 표준 직군? 보통 HTML, CSS, Client Script, Light Server-side Programming, Web design 등을 업무로 진행하는 직군 Tuesday, March 26, 13
  • 7. 웹 표준 직군? 야후의 경우 front-end-engineer정의하고 직군중에 상당한 비중을 가지고 있다. “마지막으로 우리가 방어선의 마지막에 서있다. 이것은 사용자에게도 마찬가지지만, 더 중요하게는 프로젝트의 라이프 사이클 관점에 서이다. 우리는 디자이너의 작업물, 백엔드의 작업물 등을 통합하는 역할을 한다. 프로 젝트가 서비스 되기 전의 마지막을 우리가 담당하고 있다. 그러므로 무언가 잘못되고 있 다면 손을 들어 지적해야 한다.” Tuesday, March 26, 13
  • 8. 웹 표준 직군? 한국의 경우 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
  • 22. 현재의 이야기 직업으로서의 웹 표준 직군 Tuesday, March 26, 13
  • 23. 웹 표준 직군의 기술동향 Tuesday, March 26, 13
  • 24. 기술 동향 웹 표준 직군이 가져야 할 기본적인 기술지식 Tuesday, March 26, 13
  • 25. 기술동향 OOCSS Tuesday, March 26, 13
  • 26. 기술동향 pre-defined style Tuesday, March 26, 13
  • 27. 기술동향 Front-end Framework Tuesday, March 26, 13
  • 28. 웹 표준 직군의 기술 발전 방향 Tuesday, March 26, 13
  • 29. 웹 표준 직군의 다양한 직업군을 찾는다면? Tuesday, March 26, 13
  • 30. 웹 표준 직군의 미래!!!! Tuesday, March 26, 13