프론트엔드 디벨로퍼 능력 테스트 (Frontend Developer Ability Test : FD-AT) |
프론트엔드 디벨로퍼란(Frontend Developer)?
HTML/CSS, Javascript 등과 같은 언어를 사용하여 『사용자가 접하는 웹 사이트 영역(Frontend)을 개발하는 자』로서 유사 직군인 HTML 코더, 웹 퍼블리셔, UI 개발자의 업무 전체를 수행할 수 있는 웹 개발자입니다.
주요 업무 내용은 마크업(HTML), 스타일가이드 제작(CSS), 동적 페이지 뷰를 위한 프로그래밍(Javascript, J-Query 등), 웹 사이트의 최적화, 웹 표준·웹 접근성의 준수 , 사용자 인터페이스 구현 등이 있습니다.
유래
- HTML 코더
2000년대 중반에는 웹 디자이너가 디자인한 그래픽 디자인을 웹상에 그대로 구현할 수 있도록 웹 사이트 개발 언어인 HTML로 옮기는 일을 담당하는 HTML 코더라는 직군이 있었습니다.
웹 디자이너가 웹 페이지 저작툴(드림위버, 나모 웹에디터 등)을 이용하여 웹사이트를 제작하였으나 필요없는 소스의 증가 등의 이유로 전문적인 사이트 개발에는 웹 개발 언어인 HTML을 이용하여 코딩을 하여야 했습니다. 이 때 웹 디자이너 코딩 작업을 도와주기 위해 HTML 코더라는 직군이 생겨났습니다.
- 웹 퍼블리셔(Web Publisher)
2000년 중반 이후부터 웹표준의 준수가 강조되면서 웹 페이지 저작툴을 이용하기 어려워져 HTML, CSS를 직접 코딩하여 웹사이트를 개발하는, “웹을 출판한다는 개념”에서 웹 퍼블리셔라는 직군이 발생하였습니다.
기존의 HTML 코더의 업무이외에 CSS를 이용한 스타일 가이드 제작, 사용자의 움직임에 따라 반응하는 『동적인 웹사이트』개발에 일부 참여하고 웹 접근성에 관련된 업무도 담당하고 있습니다만 국내에서만 사용되고 있습니다.
- UI 개발자
동적인 웹사이트의 수가 늘면서 웹 퍼블리셔 보다 더 전문적으로 자바스크립트 등의 언어를 이용하여 프로그래밍하는 직군입니다.
※ Inside the Guardian Blog(미국)에 Frontend Development 참조
직무 |
습득 요구 지식 |
특징 |
HTML 코더 |
HTML, CSS |
테이블 기반 코딩을 주로 하며 HTML 코딩 작업을 주로 함. |
웹 퍼블리셔 *국내용어 |
HTML, CSS, 웹표준, 웹접근성, Javascript |
웹표준이 중시되면서 생기기 시작한 직군, HTML, CSS를 이용한 페이지를 출판하는 일을 함. |
UI개발자 |
HTML, CSS, 웹표준, 웹접근성, Javascript |
웹표준에 기반한 동적 페이지 뷰를 개발함. |
프론트엔드 디벨로퍼 |
HTML, CSS, 웹표준, 웹접근성, Javascript, UX/UI, 웹사이트 최적화 |
상위 업무 전체를 수행하며 UI 구현을 서버 측 환경과 조율해 가면서 사용자가 접하는 웹사이트 전체를 개발함. |
업무성격
업무의 성격상 웹 디자이너, 벡엔드 프로그래머(서버, DB 프로그래밍), 웹 기획자 등과 활발한 커뮤니케이션이 중요한 성격을 가지고 있습니다.
웹 디자이너, 프로그래머, 웹 기획자의 업무를 잘 이해하고 그들을 지원한다는 마음가짐이 중요합니다.
대우
프론트엔드 디벨로퍼는 웹 퍼블리셔의 능력에 UI 개발자의 능력을 동시에 가지고 있는 개발자로서 HTML, CSS, Javacript, J-Query 등의 다양한 언어 능력과 UX/UI에 대한 개념까지 잘 이해하고 있는 직군입니다.
참고로 현재 웹 퍼블리셔의 경우는 초봉이 2천만원에서 2천5백만원에서 시작하고 연차가 쌓일수록 4~5천만원의 급여를 받습니다. 프론트엔드 디벨로퍼는 웹 퍼블리셔에 비해 동적인 페이지 뷰, UX/UI에 대한 지식 등 좀 더 상위의 능력을 보유하고 있어 2천5백만원 이상의 급여가 예상되고 있습니다. 이 후 프리랜서 활동 시에 본인의 능력에 따라 최대 1억 이상의 수입을 거둘 수 있습니다.
해외의 경우 CyberCorders라는 글로벌 취업 정보회사의 발표에 의하면 자바스크립트 관련 개발자가 $98,000 to $103,000, HTML5 전문 개발자가 $64,000 to $72,000 라고 발표 되었을 만큼 수요가 있습니다.
참조 : http://www.eweek.com/developer/slideshows/json-html5-ios-10-hot-technical -skills-for-2013 |
채용수요
현재 국가에 의해 장애인차별 금지법이 웹 사이트에서 장애인의 차별을 금지하도록 정의되어 있어 대기업, 금융기관, 공공기관 등이 해당 프로젝트를 진행중이라 채용에 대한 수요는 늘 부족한 상황이며 웹 사이트 외에 모바일에서도 적용 범위를 확산 예정에 있어 관련기업의 프론트엔드 디벨로퍼에 대한 채용 수요는 증가할 예정임.
본 회의 인력 수요에서도 1개사 당 2.3명의 채용수요가 있었으며 취업포털 잡코리아에는 매일 3천여건의 채용 공고가 게재되어 있음.
진로
포털 기업(NHN, Daum 등), 웹 서비스 기업(쇼핑몰, 정보서비스 등), 시스템 통합 기업(삼성SDS, LG CNS 등), 웹페이지 제작기업(바이널, 이모션 등), 일반 기업의 웹사이트 담당 부서 등
프론트엔드 디벨로퍼 능력 테스트(FD-AT) 개요
프론트엔드 디벨로퍼로서 업무 현장에서 필요로 하는 실무 역량을 평가하는 테스트로서 일정 능력 이상을 인증하는 자격증과는 달리 능력치를 각 부분별로 평가하는 제도
특징
국내 환경에서의 실무에 사용되는 예제들 중심의 실기 시험으로서 실 업무 환경에서 테스트를 실시함
테스트에서의 우수한 성적이 실무에서 그대로 적용될 수 있음.
포털 서비스 및 웹 사이트 전문 기업의 현업 전문가들이 출제한 문제
초급부터 고급까지 능력을 평가할 수 있는 난이도 구성
평가 결과 리포트 제공으로 응시자가 본인의 능력을 향상시킬 수 있는 구체적인 가이드라인 제시
과목 |
문항수 |
수험시간 |
배점 |
비고 |
||||
객관식 |
주관식 |
객관식 |
주관식 |
객관식 |
주관식 |
총점 |
주관식은 실무 상황과 동일한 실기형 문제 (Open Book Test) |
|
HTML, CSS |
50 |
1 |
90분 |
150분 |
70 |
30 |
100 |
|
Javascript |
50 |
1 |
90분 |
150분 |
70 |
30 |
100 |
출제범위
과목 |
구분 |
세부내용 |
HTML, CSS |
웹사이트 구축 개론 및 프로세스 |
웹사이트 구축 구성요소와 프로세스 |
HTML 기초 |
개요, Element, Text Marking, Grouping 등 |
|
CSS 기초 |
개요, 선택자, 테두리, 박스, 속성, 기능, ID 등 |
|
DOM(Document Object Model) |
정의, 구조, 레벨, 동작, HTML DOM 등 |
|
HTML5 |
기본규칙, 호환성 및 사용가능한 형식, 기능 등 |
|
CSS3 |
CSS3 변경사항, 사용법, 제공기능 등 |
|
웹접근성 |
접근성의 이해, 구성요소, 법과 지침, 적용 방안 등 |
|
웹표준 |
정의, 크로스브라우징, 권장요소, 평가방법 등 |
|
반응형 웹 |
제작가이드, 레이아웃 패턴, 디자인 기획 등 |
|
UX/UI 기초 |
UX/UI 개념, 사용성 개념 및 테스트, UI 패턴 등 |
|
Javascript |
웹사이트 구축 개론 및 프로세스 |
웹사이트 구축 구성요소와 프로세스 |
DOM Script |
DOM Script 작동원리 이해, Node 생성 및 조작 등 |
|
Javascript Basic&Core |
기초문법, 정보유형과 형변환, 함수처리, 조건제어문, 반복순환문, 인터페이스와 이벤트, 라이브러리 등 |
|
J-Query API&UI |
설치 및 기초, 사용법, 유틸리티, 플러그인&UI 등 |
|
J-Query Mobile 기초 및 API |
J-Query Mobile 구성요소 및 프레임워크 등 |
|
HTTP 프로토콜 |
Header, Body 등 HTTP 구성요소, 문법 등 |
|
웹사이트 최적화 |
웹사이트를 최적화하기 위한 기본 원칙 및 실습 |
|
UX/UI 기초 |
UX/UI 개념, 사용성 개념 및 테스트, UI패턴 등 |
활용
'협회 관련 글 > KIPFA 소식' 카테고리의 다른 글
금융권 스마트앱 UX 평가 및 시상식 (0) | 2013.08.06 |
---|---|
[KIPFA Letter Vol.16]9월 2일부터 제10회 웹어워드 코리아/스마트앱어워드 2013 후보등록 시작 (0) | 2013.06.20 |
[KIPFA Letter Vol.15]UX디자인스쿨 4기와의 기습인터뷰! (0) | 2013.06.05 |
[KIPFA Letter Vol.14]UX, 미래의 프레임을 찾아서 (0) | 2013.05.24 |
[KIPFA Letter Vol.13]UX에서 언어의 중요성 (0) | 2013.05.08 |