캠퍼스선택바로가기 주메뉴바로가기 본문바로가기

웹퍼블리셔&프론트엔드 전문가

  • 일반
  • 실업자
  • 국기
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

웹퍼블리셔&프론트엔드 전문가

웹퍼블리셔&프론트엔드 전문가

웹퍼블리셔&프론트엔드 전문가

교육정보

혁신은 창의적인 테크니션만이 가능하다!

프론트앤드 (Front-end) 개발자는 웹디자이너, 웹퍼블리셔, 웹 개발자로 구분되었던 기존의 업무 프로세스에서 사용자 중점의 인터페이스(UI)와 사용자 경험(UX)을 담당하는 차세대 직업군입니다. Javascript, J-Query, HTML, CSS를 사용해 구현하고자하는 웹서비스를 웹브라우저에서 실제로 작동하게 만드는 일을 수행합니다. 다양한 사용자 요구에 따라 진화를 멈추지 않는 웹 환경을 위해 보다 효율적이고 효과적으로 대응 할 수 있는 웹서비스 구현 방식을 교육합니다. 또한 사용자의 접근성 향상과 안정적인 시스템, 다양한 요구에 대응하면서 비용의 절감까지 도모할 수 있는 차세대 웹 기술을 교육합니다.

강의대상
  • 웹퍼블리셔로 일하거나 프론트엔드 개발자를 준비하시는 분들
  • 웹표준을 알고 있으며, JavaScript와 jQuery 기초 문법을 학습 하신 분
  • 최신 트렌드한 웹 기술을 배우시고 싶으신 분들
  • 프론트엔드 개발자로 취업을 위해 포트폴리오가 필요하신 분들

NCS 전공교과

능력단위명능력단위 요소명
요구사항 확인현행 시스템 분석하기
요구사항 확인하기
분석모델 확인하기
애플리케이션 구현개발환경 구축하기
공통 모듈 구현하기
서버 프로그램 구현하기
배치 프로그램 구현하기
개발자 단위 테스트하기
애플리케이션 성능 개선하기
화면 구현UI 요구사항 확인하기
UI 설계하기
UI 구현하기
제품소프트웨어 패키징제품소프트웨어 패키징하기
제품소프트웨어 매뉴얼 작성하기
제품소프트웨어 버전관리하기
개발자 테스트개발자 테스트케이스 설계하기
개발자 통합 테스트하기
개발자 결함 조치하기
정보시스템 이행정보시스템 사용자 교육하기
정보시스템 이행하기
정보시스템 안정화하기
데이터 입출력 구현논리 데이터저장소 확인하기
물리 데이터저장소 설계하기
데이터 조작 프로시저 작성하기
데이터 조작 프로시저 최적화하기

비 NCS 교과(이론)

능력단위명능력단위 요소명
프론트엔드 개발 개론프론트엔드 개발 개론

비 NCS 교과(실기)

능력단위명능력단위 요소명
프론트엔드 개발을 위한 실무 활용프론트엔드 개발을 위한 실무 활용
  • 신동수
  • 김수경
  • 박석호
  • 안효정
  • 임민재
  • 남현빈
  • 이혁주
  • 이신협
  • 정서경
  • 신윤철
  • 박태홍
  • 이진영
  • 김창관
  • 정상훈
신동수
  • 신동수
  • 현) 그린컴퓨터아카데미 강사
  • 전) 계원디자인예술대학 외래교수
  • 전) 이화여자대학교 디자인학부 전공강사
  • 전) 한국산업인력공단 훈련기준 개발 전문위원
  • 전) 올포칩미디어 UX 팀장
  • 전) 오렌지씨씨 멀티미디어 팀장
  • PROJECT
  • 직업훈련교사 3급(정보처리)
  • 직업훈련교사 3급(멀티미디어)
  • 멀티미디어컨텐츠제작전문가
  • 웹디자인기능사
  • 삼성엔지니어링
  • 대림 e 편한세상
  • CJ 브랜드 사이트
  • 하이모
  • 세종병원 사이트 외 다수
김수경
  • 김수경
  • 현) 그린컴퓨터아카데미 강사
  • 전) (주)비비안 디자이너 근무
  • 전) (주) Haram Corporation 디자이너근무
  • PROJECT
  • 한국폴리텍대학교 스마트컨텐츠전문가과정
  • 한국디지털기업협회 UI/UX기반웹퍼블리셔양성과정
  • 동일여자고등학교웹디자인기능사과정
    웹퍼블리셔과정
박석호
  • 박석호
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주)이에이에스피 기업개발팀 차장
  • 전) (주)인타시스템 기업시스템개발팀 과장
  • 전) (주)디지투올 개발팀
  • PROJECT
  • (주)호주화이자제약― NCSM 시스템 개발 및 유지보수,PSAVER 시스템 개발
  • (주)한국화이자제약― 모바일오피스시스템 개발,마케팅 KMS 문서관리 시스템구축,전자결재시스템 구축
  • (주)동국제강― 동국제강포탈스시템개발
  • (주)오토에버시스템즈― 문서관리시스템 구축
  • 질병관리본부― 질병추적시스템 구축
안효정
  • 안효정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) DAZZCompany 시스템엔지니어 및 개발팀 과장
  • PROJECT
  • 아이폰게임개발사창업(PPstudio)
  • 애플앱스토어에 3개의 게임출시(미국앱스토어)
  • 아이패드용 전자잡지프로젝트 기획/개발
  • 아이패드용 멀티미디어북(3D동화책) 기획/개발
  • 아이폰게임 개발(프로그래밍지원―인공지능/그래픽담당)
  • 충무로 미술관용 전자잡지 프로젝트기획/프로그래밍 지원
  • 아이패드용 인터랙티브북 기획/프로그래밍 (동화책)
  • 아이폰/아이폰게임개발 인터넷강의 자료제작
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 코드원(Code―ONE) 시스템엔지니어 및 개발팀 팀장
  • 여러 기업 및 개인용 소프트웨어 개발 및 안드로이드 앱 개발
  • 홈페이지 구축 및 온라인 시스템 구축
  • 전산망 구축사업 설계 및 프로젝트 매니저로 활동
임민재
  • 임민재
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) DAZZCompany 연구팀 차장
  • 전) CODE―ONE 개발팀 과장
  • 전) COUZLE―IT 연구개발팀 과장
  • 전) 우연EDNC 디자인팀
  • 전) 한국설계사무소 기획팀
  • 전) 매치앤피스 연구팀대리
  • 전) 네크식스 연구팀대리
  • 전) 경민대학교프로그래밍(c언어/c++)출강
  • 전) 삼육대학교 프로그래밍언어 출강
  • 전) 대원외고 그래픽디자인 관련 출강
  • PROJECT
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 다수기업 웹접근성 준수 및 반응형 페이지 하드코딩을 통한
    재설계 및 제작
  • 사이베이스 페이지 반응형 구축
  • e―learning(이러닝) 시스템 프론트, 백엔드 페이지 기획& 개발
  • 세븐레이어스 웹 기획 및 구축
  • 한국원자력재단 디자인 기획
  • 네크식스 다수 Community Web site 반응형 제작
  • 매치앤피스 반응형 Site제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (all flash 사이트 제작/광고 제작)
  • 전) 웹사이트 제작
    (기업,공공기관,교육기관,요식업,보드샵,음악학원 등)
  • 전) 모바일 웹&앱 프로젝트 / 프로모션 사이트
    (안드로이드/아이폰)
  • PROJECT
  • 정보처리 산업 기사
  • 웹디자인 기능사
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(정보처리3급)
  • 직업능력개발훈련교사(산업디자인3급)
  • 직업능력개발훈련교사(사무자동화3급)
이혁주
  • 이혁주
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) M디자인 웹 퍼블리싱 팀장
  • 전) N솔루션 웹 퍼블리셔
이신협
  • 이신협
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 이빌드 개발실장
정서경
  • 정서경
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 세계무역센터 인포텍(주) ― 팀장
  • 전) (주)드림원
    (소니 회사내 홈페이지와 한국화장품 이뎀)
  • 전) (주)삼성패션연구소
    (프리랜서―일러스트 작업, 프리젠테이션, 그래픽작업등)
  • (주)전) 아이에프네트워크
신윤철
  • 신윤철
  • 현) 그린컴퓨터아카데미 강사
  • 현)옵티안 대표
  • PROJECT
  • 2016 인천국제공항공사 웹진 제작
  • 쇼핑몰 홈페이지 제작
  • 기업 홈페이지 제작
  • 디자인 전문기업 홈페이지 제작
  • 프렌차이즈 홈페이지 제작
  • 2015 한국마사회 웹진
  • 국회의원 홈페이지 제작
  • 자동차 튜닝회사 홈페이지 제작
  • 마케팅 기업 홈페이지 제작
  • 다국어 홈페이지 제작
  • 커뮤니티 홈페이지 제작
  • 웹진형 블로그 홈페이지 제작
  • 2014 언론사 사이트 및 관리페이지 구축 및 관리
  • 온라인게임 홍보 사이트 제작
  • 주한호주대사관 한국학생회 커뮤니티 사이트 제작
  • 교육기업 홈페이지 제작
  • 연예기획사 홈페이지 제작
  • 도미니카공화국 관광청 사이트
  • 공연기획 기업 홈페이지 제작
  • 2013 사회적기업 홈페이지 제작
  • 스튜디오 홈페이지 제작
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
이진영
  • 이진영
  • 현) 그린컴퓨터아카데미 강사
  • 현) IT 컨설턴트/ IT 교육 전문강사
  • 현) Interactive Web Developer
  • 전) FreeMConsulting 책임 컨설턴트
  • PROJECT
  • 마이크로소프트 Windows 8 및 IE 10 호환성 지원
  • 삼성전자 해외 법무 현황판 구축
  • 삼성전자 VD 사업부 Automated Test Hub 시스템 구축
  • LG전자 HE SCM PI 그룹 현황판 구축
  • LG전자 SCM 사업부 Framework 2.0 속도개선 프로젝트 진행
  • 월드비전 웹 통합시스템 구축
  • 롯데호텔 객실관리(TPAX ― Touch Panel System)개발
김창관
  • 김창관
  • 현) 그린컴퓨터아카데미 강사
  • 전)(주)다이나믹서 프론트 앤드개발과장
  • 전)한화계열사에서 한화홈페이지
    유지보수 및 리뉴얼 담당
  • 전)(주)아이엠파트너스 웹개발팀 근무
    (마크업 및 개발)
  • 계명대학교 영상 애니메이션과 졸업
  • PROJECT
  • 17년~17.08 화장품 및 식품전문 에이전시회사 과장
  • 16년~17년 한화SNC 홈페이지 리뉴얼
  • 16년 차앤박 병원 네트워크 홈페이지 UI 개발/마크업
  • 12년~16년 병원 홈페이지 위주의 홈페이지 제작 및 개발
정상훈
  • 정상훈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) 디제라시 대표
  • 단국대학교 정보미디어 대학원 모바일 컨텐츠학 수료
  • PROJECT
  • 2013 튜닝와이드 사이트 개발 및 운영
  • 2010 Samsung Yepp ― Tictoc 프로모션 사이트 개발
  • 2010 Samsung Electrorics 32개국 동시 런칭 이벤트 게임 개발
  • 2009 Yeosu Expo 영상 개발
  • 2009 Vancouver Wow 사이트 개발
  • 2009 Vancouver Wow App 일정 및 서비스 안내 앱개발
  • 2009 SK Energe Brandnet 사이트 개발
  • 2009 SK Brandnet 사이트 개발
  • 2009 Pantach Idle 모바일 UI 개발
  • 2009 SK Lubricants 사이트 개발
  • 2009 SK ― gtm 16개 계열사 통합 사이트 개발
  • 2008 Samsung Electrorics Omnia Japan 프로모션 사이트 개발
  • 2008 SKT GXG Player 게임 개발
  • 2005 Pantach 모바일 UI 개발
  • 오수*
    오수*[NCS]인터렉티브웹디자인(별관)
  • 박지*
    박지*웹퍼블리싱프론트엔드디자인2기
  • 최*근
    최*근[NCS] 웹퍼블리셔 & 프론트엔드 전문가
  • 박재*
    박재*티비에이치글로벌 리뉴얼
포트폴리오 더 보기 +
  • 혼자만 알고싶지만 추천합니다. 임민재 선생님께 너무너무 잘 배웠습니다.진혜*

    초심자라면 알아듣기 어려운 코딩을 한번의 설명으로 이해할 수 있도록, 쉽고 빠르게 탄탄하게 가르쳐주셨고 아프신 와중에도 책임감으로 끝까지 학생들 끌고 무사히 종강까지 버텨주신 임민재 선생님께 무한 감사드립니다. 빠르고 얕게 가는 방법이 아닌 취업후에도 성공적인 업무수행 할수 있게 정석으로 하나하나 탄탄하게 하드코딩 치도록 채찍질 해주셨습니다. 혹시 프론트 앤드, 퍼블리셔 , 코딩, 자바스크립트 등 웹 개발쪽 수업 들으실 계획이신분 그냥 저냥 수업듣다 갈 생각이라면 스트레스 받을수있는 꽉찬 수업이고 4개월동안 정말 대학 전공과정 듣는다는 마음가짐가지고 수업 듣고, 수업 후에도 복습, 포트폴리오진도 맞추기를 바랍니다.. 그리고 임민재 선생님반 으로 가시는거 필수로 챙기시길 .. 훈련과정중에 불편한점 학원 내 안내데스크에 얘기하면 바로 반영하려 노력해주셔서 원생으로서도 만족했고 친절하게 응대해주셨습니다. 다만 수업용 교재의 내용이 이해하기 어려웠고 말을 어렵게 풀어놓은 경향이 있으며, 현재 업계 실정에 맞는 내용으로 채워져 있는건지 의문이 들어 개선이 필요해 보입니다. 빠르게 진행되는 수업 진도 무리없이 다 따라가고 완성도 높은 포트폴리오 만들 수 있게된 것 제 실력보다도 선생님께서 잘 만들어 주신것 같습니다. 우리 동기들 모두 무사취업 할수있길 빌고  항상 학생들 생각하고 애정주시는 선생님께서도 항상 건강하시고 성공하시길 빕니다!
  • 즐겁고 유익한 시간이었습니다.박경*

    포토샵 도 사용할 줄 모르는  기초도 부족한 상태에서 이 과정을 들으며  초반에는 어려움도 있었지만  교육과정을 통해 차츰 나아갈 수 있었습니다.  사실 첫 달의 포토샵, 일러스트를 배우는 과정은 다소 처음 접하는 사람들로 하여금 시간이 배움의 시간이 짧고 어려웠지만  이 후 배우는 html 부터 css, javascirpt, jQuery의 배움의 과정은  앞으로 웹퍼블리셔로써의 지식을 배우는데  아주 유익한 시간들이었습니다.

    6개월이라는 짧고도 긴 시간동안 많은 지식을 나눠주고자 노력했던 모든 강사님들의 노력에  항상 고마움을 느끼며 앞으로도 이 과정을 듣는 사람들에게 추천하고 싶을만큼 좋은 시간들과 배움이 있었음 말씀드리고자 합니다. 


    강사님의 노고에 다시 한 번 감사함을 느낍니다.

  • 잘배우고 갑니다.하우*

    직장인이라 평일에는 시간이 잘 나지 않아

    주말반에 포토+일러 다닌것도 벌써 3개월이 지났네요.

    한번에 몰아서 하는 시간이라..지루할까봐 걱정했는데

    선생님께서 적절히 쉬는 시간도 안배해 주시고 수업을 잘진행해 주셨던것 같습니다.

    사람마다 따라오는 속도가 달라 진도맞추랴 학생들 돌보랴 정신 없으셨던것 같은데

    짜증한번안내시고 멋지게 통솔해주신것 같아 좋았습니다.

    잘배우고 갑니다. 감사합니다.^^
  • UI,UX 웹앱디자인김태*

    좋은분위기로 마무리해서 정말 즐거웠습니다! 덕분에 많이 배우고 즐겁게 공부도 하고 취업도 하게되어 정말 좋습니다 그동안 고생 많으셨어요
  • 수강후기정미*

    디자인 관련 전공이 아니라서 따라가기 힘들었는데 강사님 께서 많은 도움을 주셔서
    색채조합이나 드로잉등 많은 부분에서 도움이 되었습니다.
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
(주)지아이티아카데미
  • 주소 : 서울시 강남구 역삼동 815-4(강남대로 428) 만이빌딩 5층, 10층 / 서울시 강남구 역삼동 649-14(테헤란로 119) 대호빌딩 8층 
  • 대표자 : 김상곤 
  • 사업자등록번호 : 220-85-40447 
  • 통신판매업신고 : 2013-서울강남-01429호 
  • 학원등록번호 : 제 5135호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
실업자(일반) 광고콘텐츠제작(인쇄물,포토샵,일러스트)입문과정 927,150
실업자(일반) 광고편집디자인(시각디자인) 전문가 2,387,200
실업자(일반) [디지털 디자인] 영상편집(모션그래픽) 1,263,120
실업자(일반) [웹개발자] 웹 퍼블리셔 취업과정(웹표준&웹접근성) 2,240,000
실업자(일반) 실내건축설계(Auto CAD, Sketch UP)입문과정 1,129,680
실업자(일반) 실내건축설계(3D-MAX)입문과정 1,694,520
실업자(일반) 세무(경리 실무자)양성훈련과정 1,283,800
실업자(일반) 회계, 세무 초급관리자(전산회계,전산세무)취업과정 1,283,800
실업자(국기) BIM(건축디자인 및 설계) 취업과정 5,648,400
실업자(국기) 전산응용건축제도기능사 3,859,740
실업자(국기) 실내건축산업기사 3,236,745
실업자(국기) [NCS기반]환경(인테리어)디자인 1,894,680
실업자(국기) 게임콘텐츠(MAX) 제작 전문가 4,450,320
실업자(국기) 게임콘텐츠(MAYA) 개발 및 취업과정 5,933,760
실업자(국기) 웹디자인기능사 3,157,800
실업자(국기) 디지털컨버전스(UI/UX엔지니어링, 프론트앤드)양성과정 4,601,800
실업자(국기) 디지털퍼블리싱(편집, e-book디자인, 포토샵, 일러스트, 인디자인)양성과정 3,580,800
실업자(국기) 디지털퍼블리싱(편집, e-book디자인, 포토샵, 일러스트, 인디자인)취업과정 2,984,000
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)양성과정 3,157,800
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)입문과정 3,684,100
실업자(국기) 스마트기기 UX/UI 디자인(디지털 앱, 웹퍼블리셔)취업과정 3,684,100
실업자(국기) 스마트웹&콘텐츠서비스개발(하이브리드 웹, 앱)양성과정 4,326,700
실업자(국기) 자바(JAVA)기반 전자정부 표준프레임워크 개발자 3,800,000
실업자(국기) 자바(JAVA)기반 전자정부표준프레임워크 5,259,200
재직자 HTML5, CSS3 - 응용SW 엔지니어링 394,440
재직자 Javascript, jQuery - 응용SW 엔지니어링 394,440
재직자 PHP+MySQL 프로그래밍 - 응용SW 엔지니어링 394,440
재직자 광고콘텐츠제작 향상과정(스케치업) 185,430
재직자 그래픽제작(3DMAX와 VRAY포트폴리오)향상과정 445,040
재직자 디지털디자인향상과정(웹표준 및 웹접근성) 157,890
재직자 라이노(Rhino 3D) - 제품디자인 315,780
재직자 실내건축설계 향상과정(Auto CAD) 376,560
재직자 안드로이드 앱(Android App) - 응용SW 엔지니어링 394,440
재직자 엑셀(Excel)-사무행정 167,370
재직자 웹표준_웹접근성-디지털디자인 315,780
재직자 응용SW엔지니어링 향상과정(C언어) 394,440
재직자 응용SW엔지니어링 향상과정(JAVA) 394,440
재직자 응용SW엔지니어링 향상과정(JSP) 394,440
재직자 일러스트레이터 (Illustrator) - 편집디자인 179,040
재직자 일러스트레이터 (Illustrator)향상과정 - 편집 179,040
재직자 전산회계1급 자격취득 - 세무 385,140
재직자 전산세무2급 자격취득 - 세무 385,140
재직자 정보처리기사 자격취득 - 응용SW 엔지니어링 394,440
재직자 컴퓨터활용능력 1급 자격취득 - 사무행정 334,740
재직자 포토샵 (Photoshop) - 편집디자인 179,040
재직자 포토샵(Photoshop) 향상과정 - 편집디자인 179,040
재직자 프레젠테이션(파워포인트(Powerpoint))-사무행정 133,900
재직자 프리미어(Premier), 에프터이펙트(After Effect)-영상편집 325,260
재직자 3D-MAX, V-ray - 광고콘텐츠제작 556,290
재직자 인디자인(InDesign)향상과정-편집디자인 358,080
재직자 컬러리스트(Colorist) 315,780
재직자 시네마4D (Cinema4D) 향상과정-광고콘텐츠제작 370,860
재직자 BIM(Revit) - 건축설계 376,560
재직자 카티아(CATIA)활용 - 기계요소설계 326,280
재직자 아이폰 앱(iPhone App) - 응용SW 엔지니어링 394,440
재직자 포토샵 (Photoshop)종합 (B) - 스마트문화앱콘텐츠제작 346,140
재직자 일러스트레이터(Illustrator)종합 (B) - 시각디자인 294,730
재직자 웹표준&웹접근성-디지털디자인 315,780
상담
문의
02-3481-1005