본문 바로가기
협회 관련 글/KIPFA 소식

프론트엔드 디벨로퍼 능력 테스트 (Frontend Developer Ability Test : FD-AT)

by kipfanews 2013. 6. 18.


 프론트엔드 디벨로퍼 능력 테스트

(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 

90분 

150분 

70 

30 

100 

 Javascript

50

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패턴 등




활용 

☞ 프론트엔트 디벨로퍼로서 자기 발전을 위한 이정표로서 사용
☞ 인력 채용 및 프리랜서 능력 평가를 위한 자료로 활용
☞ 자사 인력의 능력 향상을 위한 지표로 활용



특전
☞ 관련 기업 및 협약 기업에서 신규 채용 및 프리랜서 고용 시 가산점 부여
☞ 취업 지원자 및 프리랜서의 경우 시험 결과 홍보 사이트를 구축하여 개인별 능력을 외부로 홍보할 수 있는 기회 제공 -> 취업 및 프로젝트 수주에 기여 
☞ FD-AT(Frontend Developer Ability Test) 공인 교육과정 수험 준비를 위한 교재 및 교육 과정 할인
☞ (사)한국인터넷전문가협회 공인 FD-AT 인증서 발급
☞ 일정 능력 이상의 수험자를 대상으로 취업 및 프로젝트 알선
☞ 2014년 민간/국가 공인 인증 자격증 추진 예정



출제 및 감수위원
☞ SK플래닛, NHN, KTH, 바이널, 아이파트너즈, 엘에이치, 인픽스, 펜타브리드, 디자인피버, 메가존, ThingD, PCN 전·현직 팀장



응시료 : 1과목당 10만원, 2과목 응시의 경우 18만원