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

프론트엔드(Frontend)

프론트엔드(Frontend)-디지털디자인

  • 일반
  • 재직자
닫기

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

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

닫기

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

프론트엔드(Frontend)

웹디자인

프론트엔드(Frontend)-디지털디자인

교육정보

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

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

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

NCS 전공교과

교과목명능력단위명능력단위 요소명
프론트엔드 실무구현개발 요소 구현하기
구현 응용기능요소 활용하기

비NCS 실습교과

교과목명능력단위명능력단위 요소명
프론트엔드 실무활용인터렉티브 콘텐츠인터렉티브콘텐츠기획하기
인터렉티브콘텐츠제작하기
  • 신동수
  • 신윤철
  • 이진영
  • 정서경
  • 김민정
  • 남현빈
  • 박석호
  • 안효정
  • 원혜종
  • 이신협
  • 이혁주
  • 임민재
  • 강한구
  • 김용신
  • 김수경
  • 박태홍
신동수
  • 신동수
  • 현) 그린컴퓨터아카데미 강사
  • 전) 계원디자인예술대학 외래교수
  • 전) 이화여자대학교 디자인학부 전공강사
  • 전) 한국산업인력공단 훈련기준 개발 전문위원
  • 전) 올포칩미디어 UX 팀장
  • 전) 오렌지씨씨 멀티미디어 팀장
  • PROJECT
  • 직업훈련교사 3급(정보처리)
  • 직업훈련교사 3급(멀티미디어)
  • 멀티미디어컨텐츠제작전문가
  • 웹디자인기능사
  • 삼성엔지니어링
  • 대림 e 편한세상
  • CJ 브랜드 사이트
  • 하이모
  • 세종병원 사이트 외 다수
신윤철
  • 신윤철
  • 현) 그린컴퓨터아카데미 강사
  • 현)옵티안 대표
  • PROJECT
  • 2016 인천국제공항공사 웹진 제작
  • 쇼핑몰 홈페이지 제작
  • 기업 홈페이지 제작
  • 디자인 전문기업 홈페이지 제작
  • 프렌차이즈 홈페이지 제작
  • 2015 한국마사회 웹진
  • 국회의원 홈페이지 제작
  • 자동차 튜닝회사 홈페이지 제작
  • 마케팅 기업 홈페이지 제작
  • 다국어 홈페이지 제작
  • 커뮤니티 홈페이지 제작
  • 웹진형 블로그 홈페이지 제작
  • 2014 언론사 사이트 및 관리페이지 구축 및 관리
  • 온라인게임 홍보 사이트 제작
  • 주한호주대사관 한국학생회 커뮤니티 사이트 제작
  • 교육기업 홈페이지 제작
  • 연예기획사 홈페이지 제작
  • 도미니카공화국 관광청 사이트
  • 공연기획 기업 홈페이지 제작
  • 2013 사회적기업 홈페이지 제작
  • 스튜디오 홈페이지 제작
이진영
  • 이진영
  • 현) 그린컴퓨터아카데미 강사
  • 현) 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)개발
정서경
  • 정서경
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 세계무역센터 인포텍(주) ― 팀장
  • 전) (주)드림원
    (소니 회사내 홈페이지와 한국화장품 이뎀)
  • 전) (주)삼성패션연구소
    (프리랜서―일러스트 작업, 프리젠테이션, 그래픽작업등)
  • (주)전) 아이에프네트워크
김민정
  • 김민정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주) 타임라인 CG.그래픽팀
  • 전) 상상미디어 미디어아트팀
  • 전) 핑크스푼 아트디렉터
  • PROJECT
  • tvN 생방송’런닝9’ 연출
  • MBC ‘고향을 부탁해’, 삼척MBC’동네방네’, 극동TV ‘맛있는 책’,’거문고’타이틀 제작
  • MBC 스페셜, SBS 스페셜. SBS’생활과 경제’,패션TV’스위트룸’, FoodTV’양지훈의 더 팔레트’, 경기도 광주시청 ‘광주8경’등 다수 영상디자인
  • ㈜에듀박스,㈜마루 솔루션 홍보자료&홍보영상 제작
  • 롯데백화점, 강동구청 홍보영상 등 제작
  • 쇼핑몰 '블링룩' 대표
  • GTQ 1급
남현빈
  • 남현빈
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) ㈜네번째그림 웹디자이너
    (웹기획, 웹퍼블리셔, 플래셔)
  • 전) 기업체 출강교육 / 전문대학 출강
  • 전) 프리랜서 플래시 액션스크립터
    (all flash 사이트 제작/광고 제작)
  • 전) 웹사이트 제작
    (기업,공공기관,교육기관,요식업,보드샵,음악학원 등)
  • 전) 모바일 웹&앱 프로젝트 / 프로모션 사이트
    (안드로이드/아이폰)
  • PROJECT
  • 정보처리 산업 기사
  • 웹디자인 기능사
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(정보처리3급)
  • 직업능력개발훈련교사(산업디자인3급)
  • 직업능력개발훈련교사(사무자동화3급)
박석호
  • 박석호
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) (주)이에이에스피 기업개발팀 차장
  • 전) (주)인타시스템 기업시스템개발팀 과장
  • 전) (주)디지투올 개발팀
  • PROJECT
  • (주)호주화이자제약― NCSM 시스템 개발 및 유지보수,PSAVER 시스템 개발
  • (주)한국화이자제약― 모바일오피스시스템 개발,마케팅 KMS 문서관리 시스템구축,전자결재시스템 구축
  • (주)동국제강― 동국제강포탈스시템개발
  • (주)오토에버시스템즈― 문서관리시스템 구축
  • 질병관리본부― 질병추적시스템 구축
안효정
  • 안효정
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) DAZZCompany 시스템엔지니어 및 개발팀 과장
  • PROJECT
  • 아이폰게임개발사창업(PPstudio)
  • 애플앱스토어에 3개의 게임출시(미국앱스토어)
  • 아이패드용 전자잡지프로젝트 기획/개발
  • 아이패드용 멀티미디어북(3D동화책) 기획/개발
  • 아이폰게임 개발(프로그래밍지원―인공지능/그래픽담당)
  • 충무로 미술관용 전자잡지 프로젝트기획/프로그래밍 지원
  • 아이패드용 인터랙티브북 기획/프로그래밍 (동화책)
  • 아이폰/아이폰게임개발 인터넷강의 자료제작
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 코드원(Code―ONE) 시스템엔지니어 및 개발팀 팀장
  • 여러 기업 및 개인용 소프트웨어 개발 및 안드로이드 앱 개발
  • 홈페이지 구축 및 온라인 시스템 구축
  • 전산망 구축사업 설계 및 프로젝트 매니저로 활동
원혜종
  • 원혜종
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) 이도트 웹에이전시 웹서비스 퍼블리싱
  • 현) 지앤아트 디자인팀 디렉터
이신협
  • 이신협
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 이빌드 개발실장
이혁주
  • 이혁주
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) M디자인 웹 퍼블리싱 팀장
  • 전) N솔루션 웹 퍼블리셔
임민재
  • 임민재
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 현) DAZZCompany 연구팀 차장
  • 전) CODE―ONE 개발팀 과장
  • 전) COUZLE―IT 연구개발팀 과장
  • 전) 우연EDNC 디자인팀
  • 전) 한국설계사무소 기획팀
  • 전) 매치앤피스 연구팀대리
  • 전) 네크식스 연구팀대리
  • 전) 경민대학교프로그래밍(c언어/c++)출강
  • 전) 삼육대학교 프로그래밍언어 출강
  • 전) 대원외고 그래픽디자인 관련 출강
  • PROJECT
  • 엣지 애니메이트 CC 더 쉽게 배우기 공동저자
  • 다수기업 웹접근성 준수 및 반응형 페이지 하드코딩을 통한
    재설계 및 제작
  • 사이베이스 페이지 반응형 구축
  • e―learning(이러닝) 시스템 프론트, 백엔드 페이지 기획& 개발
  • 세븐레이어스 웹 기획 및 구축
  • 한국원자력재단 디자인 기획
  • 네크식스 다수 Community Web site 반응형 제작
  • 매치앤피스 반응형 Site제작
  • 한방다이어트 페이지 웹접근성 제작
  • 다수기업 및 개인용 소프트웨어 개발 하이브리드앱 개발, 홈페이지 구축 및 온라인 시스템 구축
강한구
  • 강한구
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 프리랜서 프론트 개발자
  • 전) 에이전시 프론트단 선임
  • PROJECT
  • 2013)KEPCO 홍보워드프레스페이지
  • 2013)KISA(한국인터넷진흥원)개인정보관리사이트
  • 2013)육군블로그사이트
  • 2013)AMOJE 외식사업 푸드시스템
  • 2012)NIA(한국정보화진흥원)개인정보관리사이트
  • 2012)YoungELS(금융사이트)
  • 2012)미쉐린코리아
  • 2011)한국직업학원 및 개인사이트 리뉴얼
김용신
  • 김용신
  • 현) 그린컴퓨터아카데미 강남캠퍼스 강사
  • 전) 더존 인터넷 대표
  • 전) 명문프린텍 웹디자이너
  • 전) 진소프트 디자인 팀장
  • 전) 기준 INTERNATIONAL 웹개발 팀장
  • 전) (주)T―forus 웹개발 팀장
  • PROJECT
  • 웹디자인 기능사
  • ACA(Adobe Certified Associate) Photoshop
  • 국가직무능력표준(NCS) 훈련과정 편성 수료
  • 자동차 부품 수출업체 위고 LTD
  • 원룸텔 원스룸
  • 허브티 한국총판
  • 사단법인 행복문화인
  • 한나라당 웹진 관리
  • (주)티포러스 웹사이트 구축
김수경
  • 김수경
  • 현) 그린컴퓨터아카데미 강사
  • 전) (주)비비안 디자이너 근무
  • 전) (주) Haram Corporation 디자이너근무
  • PROJECT
  • 한국폴리텍대학교 스마트컨텐츠전문가과정
  • 한국디지털기업협회 UI/UX기반웹퍼블리셔양성과정
  • 동일여자고등학교웹디자인기능사과정
    웹퍼블리셔과정
박태홍
  • 박태홍
  • 현) 그린컴퓨터아카데미 강사
  • 현) 옵티안 실장
  • PROJECT
  • 2016 구글지도기반의 multi―locator라이브러리 개발
    게시판 페이지네이션 Ajax 라이브러리 개발
  • 워드프레스 쇼핑몰 제작
  • 디자인 전문기업 홈페이지 제작
  • 컨설팅회사 홈페이지 제작
  • 안경프랜차이즈 홈페이지제작
  • 2015 자동차튜닝회사 홈페이지제작
  • 고용노동부웹진 블로그홈페이지 제작
    게시판 데이터베이트 마이그레이션 및 수정
  • KT파워텔 홈페이지 리뉴얼 (웹기획)
  • 2014 주한호주대사관 한국학생회 커뮤니티사이트제작
  • ㈜투어이천 자유여행사이트 리뉴얼 웹기획
  • 온라인게임업체 론칭프로모션 페이지제작
  • 재회전문 홈페이지 제작
  • 워드프레스 결제시스템 연동 개발
  • 2013 ㈜투어이천 자유여행사이트 리뉴얼
  • 2012 하나투어 프로모션 페이지 기획 및 대리점 홈페이지 제작
  • 2009 온라인광고분석 솔루션
  • 2008 야후 글로벌거기
    웹지도기반 광고모델 기획 및 운영
  • 야후 공식 서베이 블로그 론칭
  • 정*종
    정*종웹디자인취업과정
  • 양미*
    양미*웹퍼블리싱프론트엔드디자인
  • 포트폴리오프론트엔드개발자
  • 강미*
    강미*[NCS] 디지털컨버전스 8기
포트폴리오 더 보기 +
  • UI/UX 웹디자인 전문가 취업과정 김세지 쌤 정말 고맙습니다..대장*

    전공과 전혀 다른 분야를 선택해서 처음에 좀 걱정했는데
    좋은 선생님을 만난 덕분에 끝까지 잘 따라갈 수 있었어요.
    쌤이 잘 가르쳐주신 덕분에 새로운 분야에서 저의 장점을 발견할 수 있는 계기가 되었고
    앞으로도 이 길로 가도 괜찮겠다는 생각과 잘 할수 있겠다는 자신감이 생겼어요.

    처음 부터 끝까지 체계적으로 짜여진 커리큘럼과 
    학생들의 요구사항을 적극 반영해 효율적으로 수업을 조정하는 것, 
    그리고 모든 부분에서 유능하신 점이 선생님의 제일 강점인 것 같고 정말 좋았습니다.
    많이 배웠고 잘 배운 것 같습니다.

    지난 4개월 동안 정말 고생많으셨고 고마웠습니다...
    앞으로도 건강하시고 항상 웃을 일만 가득하시길 바랄게요!!

    수원 캠퍼스 직원분들 모두 감사했고
    취업지원실 쌤들 모두 한마음으로 응원해주셔서 감사했습니다.
  • 같이 일하실 분 찾습니다...권기*

    프리랜서로 게임을 개발하고 있는 사람입니다... 
    게임에 필요한 그래픽부분에서 같이 일할 분 찾습니다... 
    포토샾정도만 익숙하면 별 문제 없을 듯합나다... 
    많은 페이는 아니더라도 용돈 정도 벌고 싶은 분은 연락 바랍니다... 
    010―4162―6118 
    일산 대화역 부근입니다...
  • ? UI/UX 웹 디자인 전문가 취업과정을 듣던 학생입니다![김세지선생님]조우*

    2017년 새해를 맞이하고 1월  어느 추운날에 우연히 찾아 강의를 듣게 되었습니다!
    짧은 시간이였지만, 정말 알차다고 생각해요. 아르바이트를 해본 경력도 없고, 기술도 없던 저에게 큰 힘이 되어주셨습니다. 그 힘에는 무엇보다 선생님의 큰 가르침이 제게 크게 다가왔어요. 항상 웃으며 '모르는 문제가 있으면 언제든 말씀하세요.' 라고 말씀하시던 선생님 덕에 저도 선생님께 부담없이 물어보고 많이 배우게 된  시간이였습니다. 언제나 한결같고 학생들보다도 부지런히 수업을 준비하시고 길잡이를 정말 잘 잡아주십니다. 꼼꼼하시고, 때론 지적이 필요하면 마다치 않으시고 지치고 힘들때마다 땅어리를 꺼져라 한 숨도 쉬어보고 여럿 고민에 휩싸인 제게 상담도 곧 잘 들어주시던, 바쁘심에도 걱정 어린 따뜻하고 친절한 말씀 얼마나 위안이 되고 힘이 되던지 덕분에 처음에서 부터 지금에까지 올 수 있던 것 같습니다. 마지막에 선생님께서 말씀하신 이야기도 감명이 깊네요. 동굴에서부터 나와 앞으로를 나아갈 꺼라는 말씀, 잊지 않겠습니다. 저에게 무엇보다도 보람되고 뜻 깊은 따스한 그런 시간이였습니다. 앞으로도 꾸준히 나아가도록 노력하겠습니다.

    항상, 감사하고 늘 밝게 웃으시던 웃음 잊지 못할 것 같아요. 앞으로도 꾸준히 나아가며 일을 해낼 것 같습니다.
     감사합니다 김세지 선생님!
  • 스마트기기 UX/UI 웹디자인(실무자양성과정) 정순범쌤 감사합니다!!강민*

    벌써 끝났다니 믿기지않아요ㅜㅜ 800시간이 이렇게 빨리갈 줄은 몰랐어요!
    길게만 느껴졌는데 벌써 수료했다니..쌤이 말씀했듯이 수료했다고 끝난게 아니니까 
    끝까지 포트폴리오 마무리해볼께요! 모르는거 있으면 쌤한테도 여쭤보고!
    귀찮게 할지도 몰라요ㅋㅋㅋㅋㅋㅋㅋ 수료하는날 쌤의 아쉬워하셨던 표정이 잊혀지지않을꺼같아요..
    막상 그때는 실감안났는데 진짜 월요일되도 학원안가고 이러니까 좀 어색해요ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
    진짜 끝난거구나 싶고~물론 알고 시작했지만 수업시간도 800시간이고 꽤 길어서
    제가 이 수업을 끝까지 잘 수료할 수 있을지  겁나기도 하고 불안했는데
    쌤이 잘 이끌어주셔서 끝까지 잘 따라올 수 있었던 것 같아요!
    지금에서야 말하지만 처음 오티때 쌤 첫인상은 강렬했지만 생각했던거랑 달랐어요ㅋㅋㅋㅋㅋㅋㅋ
    생각보다 되게 정많으시고 재치있으시구!! 
    매일 저희 학생들보다 훨씬 일찍 오셔서 수업준비하시는 모습도..! 인상깊었어요~
    뭔가 급마무리인것 같지만ㅋㅋㅋㅋㅋㅋ아직 부족하지만 제가 코딩이라는 걸  할 수 있게 될지도 몰랐는데 ㅎㅎ
    웹디자인에 대한 기초를 다진 좋은 시간이었던것 같습니당!
    정말 수고 많으셨습니다 쌤~!!
  • 길고 긴 동굴을 나가며...(존경가득 싸랑하는 김세지선생님)맛나*

    4개월동안 길었다고 생각했지만 선생님의 큰 가르침을 받고 성장해서 갑니다!

    처음 시작할 때는 4개월이라는 시간이 길게만 느껴지고 막막했지만 시간이 지날수록 점점 짧게만 느껴지고
    하루하루가 빨리 지나가는 것을 느끼며 그만큼 욕심이 생겨 열심히 했던 것 같습니다.
    선생님께서 앞에서 열정적으로 수업을 하시니 그저 뒤따라갔을 뿐인데
    비전공생이였던 저는 어느덧 반응형 웹페이지를 집에서 혼자 만들 정도로 성장해있었습니다.
    좋은 사람들과 좋은 선생님을 만나 수업을 듣다보니 시간 가는줄 모르고 지나갔습니다.
    이제 저는 이 자리를 떠나 새로운 환경으로 이동하겠지만 4개월이라는 금같은 시간이 제게 
    거름이 되어 더더욱이 빛나게 되리라 생각합니다.

    되돌아 생각해보면 김세지 선생님의 가르침을 받고 떠나는 제가 행운이라고 생각합니다.
    언제나 선생님의 가르침을 잊지 않고 행하며 발전하는 디자이너가 되어 
    저같은 비전공자인 사람들에게 용기를 줄 수 있는 사람이 될겁니다.

    늘 앞에서 열정 가득 아프신 몸을 숨기며 수업하시던 선생님이 존경스럽기도 하지만 
    한편으로는 이제 몸 좀 관리 잘 하셔서 덜 아프셨으면 좋겠습니다.
    앞으로도 몸 관리 잘하셔서 사회에서는 편한 언니같은 선생님으로 쭉 계셨으면 좋겠습니다.
    여태 만났던 선생님 중에 제일 열정 가득하셨던 김세지 선생님
    앞으로도 건강하고 아프지 마세요ㅎㅎ

    좋은 스승을 두어 행운인 저는 반장이였던 김은송입니다.
    그동안 감사했습니다! 건강하세요!
    자랑스러운 제자가 되어 다시 찾아올게요
    그때까지 계셔야해여ㅎㅎㅎㅎㅎ
    사랑해요 쌤♥
수강후기 더 보기▶

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

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 서울시 강남구 역삼동 815-4 만이빌딩 5층, 10층 
  • 대표자 : 김상곤 
  • 사업자등록번호 214-86-26812 
  • 통신판매업신고 강남13717호 
  • 학원등록번호 : 강남 제 1101호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
1588.9780