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

웹퍼블리싱 프론트엔드 디자인

  • 일반
  • 국기
닫기

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

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

닫기

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

웹퍼블리싱 프론트엔드 디자인

웹디자인

웹퍼블리싱 프론트엔드 디자인

교육정보

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

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

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

NCS 전공교과

교과목명능력단위명능력단위 요소명
스마트기기 UI/UX 기획 및 디자인UI/UX 디자인디자인 리서치하기
디자인 콘셉트 개발하기
디자인 제작하기
UI/UX요구분석UI/UX 콘셉트 아이디어 도출하기
패스트 프로토타입 제작하기
패스트 프로토타이핑 검증하기
앱 개발계획개발 환경 선정하기
앱 개발 방법론 선정하기
앱 개발 계획 수립하기
프로토타입 제작기초데이터 수집하기
아이디어 스케치하기
프로토타입 제작하기
사용성 테스트하기
디자인 구성요소 제작스토리보드 제작하기
심미성 구성요소 제작하기
사용성 구성요소 제작하기
매체성 구성요소 제작하기
스마트기기 UI/UX 설계 및 개발설계리소스 설계하기
플로우 설계하기
시스템 설계하기
디지털디자인프로젝트분석ㆍ설계요구사항 분석ㆍ사용자 정의하기
시장 환경 조사하기
디자인 방향성 정의하기
정보구조 설계ㆍ시나리오 작성하기
구현콘텐츠 구성하기
기능 요소 구현하기
개발 요소 협업하기
수정 보완심미적 디자인 요소 수정 보완하기
콘텐츠 사용성 수정 보완하기
매체 기능적 요소 수정 보완하기
프로젝트 완료산출물 정리하기
프로젝트 결과 보고서 작성하기
클라이언트 최종 보고하기
UI/UX가이드제작및사후관리 UI/UX 가이드 제작UI/UX 가이드 기준 도출하기
UI/UX 가이드 작성하기
UI/UX 가이드 공유하기
디지털디자인사후관리오류 수정하기
클라이언트 요청사항 반영하기
프로젝트 내부 공유ㆍ리뷰하기
데이터베이스 관리하기
  • 권예원
  • 박남주
  • 김영훈
  • 이선정
  • 최선영
권예원
  • 권예원
  • 현) 그린컴퓨터아트학원 강사
  • 현) 예온리디자인 대표
  • 전) 낭만연구소 디자인 팀장
  • 정보처리기사
  • 사무자동화산업기사
  • CAD 국제공인자격증 1급
  • GTQ 그래픽기술자격 1급
  • PROJECT
박남주
  • 박남주
  • 현) 그린컴퓨터아트학원 강사
  • 전) 티오플러스 대표
  • 웹디자인 기능사
  • 전공) 인터넷미디어학과
  • PROJECT
  • 한성커뮤니케이션 프로젝트 매니저
  • STN 소프트웨어 웹사이트 제작
  • 디지털프로그 UX 제작
  • sys4 웹사이트 제작
김영훈
  • 김영훈
  • 현) 그린컴퓨터아트학원 강사
  • 전) (주)A2Tec 기업부설연구소 연구원
  • 전) (주)Daooldns 기업부설연구소 선임연구원
  • 정보처리기사
  • PROJECT
  • 한국장학재단 Online Mentoring System
  • 동국대학교 실감미디어 산업단 Real4D 프로젝트 참여
  • iBogo 보육알림장 iOS App 프로젝트
  • ETRI CMSP 프로젝트 참여
  • ETRI XD Media 프로젝트 참여
  • ETRI CMSP Effect 프로젝트 참여
  • 대구백화점 Hybrid App 제작 참여
  • Oil Metering System iOS App 제작 외 다수
이선정
  • 이선정
  • 현) 그린컴퓨터아트학원(대구) 강사
  • 전공)산업디자인
  • PROJECT
  • 직업능력개발훈련교사 디자인 3급직업능력개발훈련교사 문화콘텐츠 3급
  • 디자인실기교사
  • 컴퓨터그래픽스운용기능사
  • 사무자동화 산업기사
  • 컴퓨터활용능력 1,2급
최선영
  • 최선영
  • 현) 그린컴퓨터아트학원 강사
  • 전) 인터비전 로렌힐즈 디자인 실장
  • 전) 유니몰 디자인팀장
  • 컴퓨터그래픽스운용기능사
  • 직업능력개발훈련교사 3급 (디자인)
  • PROJECT
  • 레몬클린 패키지 디자인
  • 발렌티노 웹사이트 제작
  • 유니쇼핑 웹사이트 제작
  • 바리 웹사이트 제작
  • 로렌힐즈 유아용품 디자인
  • 더원 웹사이트 제작 외 다수
  • 김혜*
    김혜*로네펠트 (홍차 홈페이지) 리뉴얼
  • 이미*
    이미*일류투어 여행사이트 리뉴얼
  • 김*민
    김*민웹퍼블리셔&프론트앤드
  • 김민*
    김민*[NCS]인터렉티브웹디자인 (별관)
포트폴리오 더 보기 +
  • 스마트 기기 UI/UX 웹 디자인 취업후기김혜*

    6개월이라는 짧다면 짧은 시간 길다면 긴 시간 다양한 것을 배웠습니다. 
    낯설고 어려운 여러가지 것들을 새롭게 공부하며 자신감을 얻었습니다. 새로운 프로그램을 배울때 너무 어려워 쉽게 포기할것 같아 걱정했는데 차근 차근 알려주시는 선생님 덕분에 쉽게 배웠습니다. 
    아직 나이도 어리고 경험이 적어 나 자신이 어디까지 할 수 있을지에 대한 확신이 없어 취업에 자신이 없었지만코딩을 통해 제가 만든 웹페이지를 보며 나자신이 어디까지 할 수 있는지 알 수 있었습니다.   
    많은 것들을 배우고 얻어낸 기간이었습니다.
  • 박은정 강사님 덕분에 많은걸 배웠습니다.김현*

    경력도 오래되셨고 궁금한 사항이나 막히는 부분 질문하면 항상 친절하게 잘 대답해주시고 잘 봐주세요.
    사전에 수업 예제도 준비해오셔서 프린트물 나눠주면서 수업의 이해도를 높여주셨습니다.
    선생님께 정말 감사하다는 말씀을 드리고싶네요.
  • 차용실 쌤 그동안 넘 감사드렸어요~~-*

    처음에 진짜 코딩도 따라가기 힘들고 (물론 지금도 힘들지만...ㅋㅋㅋㅋ)
    처음부터 차근차근 잘 알려주셔서 정말 감사했어요!
    쌤 덕분에 포폴도 잘 나오고, 웹디자인을 더 재밌게 배워 본 과정이었습니다~~
  • 차용일쌤 너무 감사합니다~!!-박*

    모르는거 있을때마 제가 매번 질문 많이하고 그랬는데 항상 군말없으시고 하나하나 천천히 봐주시면서 잘알려주셔서 
    너무너무 감사했습니다 !!! 선생님 너무 보고싶을거에요 ㅠㅠ  예전보다 코딩실력이나 디자인실력도 많이 늘은거같습니다
    샘덕분에 많은걸 알았습니다 감사합니다!!
  • 차용일 선생님 감사합니다.-장*

    재밌게 수업하셔서 중도포기하지않고 끝까지 다닐 수 있었던것같아요.
    다른 직원분들도 다 친절하셔서 부담없이 말걸 수 있고 좋았어요.
수강후기 더 보기▶

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

개강임박
(주)지아이티아카데미
  • 주소 : 대구광역시 중구 중앙대로 394 제일빌딩 5F 
  • 대표자 : 김상곤 
  • 사업자등록번호 : 504-85-25999 
  • 통신판매업신고 : 2013-대구중구-3307호 
  • 학원등록번호 : 제 3382호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
스마트웹_콘텐츠서비스개발_하이브리드웹,웹앱 5,259,200
빔(BIM) 건축설계(캐드 맥스 레빗) 양성과정 5,020,800
스마트기기UXUI디자인 4,210,400
(과정평가형)전산회계운용사3급 4,140,250
시각디자인_옥외광고디자인 3,947,250
(과정평가형)실내건축산업기사 (A) 3,710,410
(과정평가형)실내건축산업기사 (B) 3,710,410
(과정평가형)컴퓨터그래픽스운용기능사 3,708,600
디지털디자인(웹콘텐츠제작실무) 3,684,100
스마트기기 UX/UI디자인 3,684,100
(과정평가형)웹디자인기능사 (A) 3,526,210
(과정평가형)웹디자인기능사 (B) 3,526,210
편집디자인(일러스트,포토샵,e-book) 양성과정 1,909,760
CATIA(카티아)응용 자동차부품설계 1,740,160
회계1급, 세무2급 1,283,800
카티아 1,200,000
회계1급, FAT1급 1,027,040
전산세무2급, TAT 2급 1,027,040
컬러리스트 700,000
JavaScript/Jquery 600,000
영상편집종합반 (기본활용) 600,000
영상편집종합반 (프로젝트) 600,000
3D MAX-2,3 600,000
기계설계 종합반 Ⅰ (인벤터/전산기계자격증) (캐드기초포함) 500,000
기계설계 종합반 Ⅱ (인벤터/전산기계자격증) 500,000
웹디자인기능사자격취득과정 394,440
전산세무 2급 취득과정 385,140
전산회계 1급 취득과정 385,140
실내건축설계 기본과정(캐드활용) 376,560
광고컨텐츠제작 (일러+포토) 370,860
컴퓨터그래픽스운용기능사 자격취득과정 370,860
ITQ(엑셀, 파워포인트) 주말반 360,000
컴퓨터활용능력1급 (실기) 취득과정 334,740
오토캐드 실무 향상과정(ATC2급취득) 326,280
디지털디자인(javascript&Jquery)향상과정 315,780
디지털디자인(HTML5+CSS)향상과정 315,780
정보처리기사/산업기사 자격취득과정(필기) 315,550
3D MAX P/F 300,000
HTML5/CSS3 280,000
컴퓨터활용 1급 자격증 280,000
정보처리기사/산업기사 자격쥐득과정(실기) 262,960
일러스트 250,000
포토샵 250,000
인디자인 250,000
광고/편집 포트폴리오 1 250,000
광고/편집 포트폴리오 2 250,000
3D MAX 기본 250,000
컴퓨터활용 2급 자격증 250,000
편집향상과정 (일러스트레이터 기본) 179,040
편집향상과정(포토샵 기본) 179,040
편집디자인 향상과정(일러스트레이터 기본) 179,040
컴퓨터활용능력2급 (실기) 취득과정 167,370
상담
문의
053-572-1005