지점선택바로가기 주메뉴바로가기 본문바로가기

프론트엔드 디자인(웹디자인&퍼블리셔)양성

  • 실업자
  • 국기
닫기

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

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

닫기

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

프론트엔드 디자인(웹디자인&퍼블리셔)양성

웹디자인

디지털웹디자인(프론트엔드) 콘텐츠제작 양성과정

교육정보

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

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

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

교직원및훈련교사소개

NCS란、개인정보보호、성폭력예방안내

훈련실시계획안내

평가안내(일정、기준、방법、후속조치)

훈련운영사항안내(출결、제적조건등)

  취업특강

진로및직업특강

이력서및자기소개서작성방법특강

면접특강

면접클리닉

서비스·경험 디자인 조사 및 시나리오 개발
 서비스ㆍ경험디자인 관찰조사

사용자 유형분류하기

관찰조사 설계하기

사용자 관찰조사하기

 서비스ㆍ경험디자인 시나리오 개발

서비스·경험 시나리오 기획하기

서비스·경험 시나리오 제작하기

서비스·경험 시나리오 평가 보완하기

디자인 리서치 및 비주얼 아이데이션
 시각디자인 리서치 조사

시장 환경 조사하기

디자인트렌드 조사하기

사용자 조사하기

 시각디자인 리서치 분석

시장 환경 분석하기

디자인트렌드 분석하기

사용자 분석하기

 비주얼 아이데이션 구상

아이디어 구상하기

아이디어 스케치 구상하기

비주얼 방향 구상하기

 비주얼 아이데이션 전개

아이디어 전개하기

아이디어 스케치 전개하기

비주얼 방향 전개하기

스타일가이드제작 및 시안디자인 제작1
 시안 디자인 개발 심화

디자인 요소 확장하기

아트웍 고도화하기

베리에이션 완료하기

스타일가이드제작 및 시안디자인 제작2
 스마트문화앱 UX 설계

UI 정보구조 설계하기

워크플로우 제작하기

네비게이션 설계하기

프로토타입 제작
 프로토타입 기초데이터 수집 및 스케치

기초데이터 수집하기

레퍼런스 조사,분석하기

아이디어 스케치하기

 프로토타입 제작 및 사용성 테스트

프로토타입 제작하기

사용성 테스트하기

테스트 수정사항 반영하기

네비게이션、 구성요소 설계、제작、응용1
 디자인 구성요소 설계

스토리보드 설계하기

심미성 구성요소 설계하기

사용성 구성요소 설계하기

매체성 구성요소 설계하기

 디자인 구성요소 제작

스토리보드 제작하기

심미성 구성요소 제작하기

사용성 구성요소 제작하기

매체성 구성요소 제작하기

 디자인 구성요소 응용

스토리보드 응용하기

심미성 구성요소 응용하기

사용성 구성요소 응용하기

매체성 구성요소 응용하기

네비게이션、 구성요소 설계、제작、응용2
 스마트문화앱 UI 디자인

디자인 컨셉트 수립하기

스타일가이드 제작하기

시안디자인 제작하기

프로젝트 완료 및 사후관리
 프로젝트 완료 자료정리

산출물 자료정리하기

프로젝트 결과 자료정리하기

클라이언트 최종 보고 자료정리하기

 프로젝트 완료 결과보고서 작성

산출물 정리하기

프로젝트 결과 보고서 작성하기

클라이언트 최종발표자료 작성하기

 프로젝트 완료 최종보고

산출물 제출하기

프로젝트 결과 보고서 제출하기

클라이언트 최종 보고하기

 디지털디자인 사후관리

오류 수정하기

클라이언트 요청사항 반영하기

프로젝트 내부 공유·리뷰하기

데이터베이스 관리하기

반응형 웹퍼블리셔
 반응형 웹기본 개념 및 가변그리드

1. 반응형 웹 기본 개념 및 사례 분석(5)

2. 반응형 웹 제작을 위한 핵심 기술(5)

3. 가변 그리드(10)

  메인페이지、서브페이지 작업

4. 미디어 쿼리와 뷰포트(10)

5. 새로운 웹 기술、 플렉서블 박스(10)24

6. 반응형 메인페이지 작업(10)

7. 소셜 네트워크 영역 반응형 웹 작업(10)

8. 반응형 서브페이지 작업(10)

  CSS 분리、 수정보완

9. CSS 분리(5)

10. 고해상도 기기 대응하기(5)

11. 수정보완(10)

재량교과
 작품발표회

훈련생포트폴리오발표및피드백

  수료식

수료및사후관리사항안내

수료증전달

훈련생소감및피드백

  • 이종원
  • 최윤정
  • 황성욱
이종원
  • 이종원
  • 현) 그린컴퓨터아카데미 강사
  • 현) 직업훈련교사
  • 전) 아름애드 편집디자인 및 광고 디자인
  • PROJECT
  • 2017 스마트웹&콘텐츠서비스개발
    (스마트문화앱콘텐츠제작)양성과정 강의
  • 2016 (NCS)인터렉티브 웹디자인 강의
  • 2015 (NCS)모바일 앱 UI/UX 디자인 강의
최윤정
  • 최윤정
  • 현) 그린컴퓨터아카데미 의정부 훈련교사
  • 전) (주)월드아트픽쳐스 웹기획및제작팀 팀장
  • PROJECT
  • 웹디자인기능사
  • 컴퓨터그래픽스운용기능사
  • 실내건축기능사
  • ATC.Max 2급
황성욱
  • 황성욱
  • 현) 그린컴퓨터아카데미 의정부 훈련교사
  • 전) EC―PEOPLE 쇼핑몰 운영
  • 전) 애드카 커뮤니케이션 디자인실 팀장
  • 전) 제앤씨 디자인 팀장
  • 전) 펜타퍼플 온라인홍보 팀장
  • 전) Design kernel (디자인커넬) 브랜드 팀장
  • PROJECT
  • 웹디자인기능사
  • 컴퓨터그래픽스운용기능사
  • 멀티미디어콘텐츠제작전문가
  • 직업능력개발훈련교사 자격증
  • (디자인, 문화콘텐츠, 멀티미디어, 산업디자인, 정보기술개발, 정보기술운영관리)
  • softbank certner photoshop speciallist
  • Adobe ACS (포토샵, 일러스트)
  • GTQ포토샵 1급
  • 인터넷정보검색사 2급
  • EC기술관리사 2급
  • 평생교육사 2급
  • 배진*
    배진*[NCS]인터렉티브웹디자인(별관)
  • 김아*
    김아*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 박지*
    박지*웹퍼블리싱프론트엔드디자인2기
  • 손민*
    손민*[NCS]인터렉티브웹디자인(별관)
포트폴리오 더 보기 +
  • 감사합니다임진*

    부평점에서 웹디자인 배우고, 취직했습니다. 감사합니다
    가르쳐주신 박나경선생님, 취업 상담실의 안미향실장님 감사드립니다.
  • 박은정 선생님 감사합니다^^장동*

    안양 그린컴퓨터아트학원에서 웹디자인을 수강하였습니다.
    전혀 접해보지 않은 분야라서 잘 할수 있을까 걱정반 기대반으로 상담을 받으러 갔는데 상담해주시는 분들 전부 다 친절하시고 잘 설명해주셔서 용기를 내어 수강을 하게 되었습니다.
    수업을 해주시는 박은정선생님께서도 한명한명 꼼꼼하게 봐주셨고 비전공자들도 충분히 이해할 수 있게 쉽게 설명해주셨습니다. 누구하나 뒤쳐지는 사람 없게 할려는 노력들이 보였고 친절하셨습니다.
    누구나 하는 생각이겠지만, 저또한 과연 포트폴리오를 만들 수 있을까 생각했는데 자연스럽게 수업을 받고 공부를 하다보니 어느새 저도 다른 사람들처럼 포트폴리오를 만들고 있었고, 후반부가 되니 취업실장님이 들어오셔서 여러가지 취업에 관한 조언과 이력서,자소서 클리닉도 해주셨습니다.
    여러 업체들도 소개시켜주셨고 괜찮으면 면접 봐보라고 말씀해주셨습니다, 아직 면접은 보지 못했지만 곧 볼예정입니다.
    이 글을 보시는 다른 분들도  안양 그린컴퓨터아트학원에서 공부하시고 원하시는 결과 얻어 가시길 바랍니다!!
  • 이재호 선생님 감사합니다!!!!!!!!!!!김민*

    저는 포토샵, 일러스트 주말반 2달 과정을 마쳤는데요.. 
    처음엔 포토샵이라곤 얼굴 보정밖에 할 줄 몰라서 배우려고 했는데 주변에선 뭐하러 돈 주고 배우냐..요즘 동영상 보고 배우면 된 다고 그랬지만 그래도 하다가 모르는 게 생기면 물어볼 사람이 없기 때문에 이곳 저곳 알아 보다 토요일만 가능한 곳은 그린컴퓨터 아카데미 뿐이라 여기서 수강을 하게 되었어요. 등록하고 나서 걱정 되었던 건 선생님이였는데.. 선생님 잘 만나는 것도 진짜 운이라고 하잖아요. 그런데 진짜 이런 걱정 하나 할 필요 없이 선생님이 정말 세심하게 하나부터 열까지, 그리고 더 쉽게 할 수 있는 팁, 현직 디자이너도 잘 모를 수 있는 팁들을 알려주셔서 매 강의 때마다 재밌게 청강을 하였습니다.
    아무래도 학원이다 보니 특성상 내가 궁금한 걸 과감하게 물어볼 수 있을까?란 고민이 수강 전에 들었지만 막상 수업하고 나니 선생님이 돌아다니면서 한 명 한 명 체크해주시고 처음부터 자세하게 설명해주셔서 무사히 전 과정을 수료할 수 있었던 거 같아요. 
    선생님께 배우고 나서 너무 좋아서 중급 과정이 있는지 물어보았으나 아직은 없다고 하였는데, 중급 과정이 있다면 또 수강할 의사가 있습니다. 그정도로 너무 만족했던 강의였고 진짜 추천합니다!!!!! 
    제가 수강했던 반 선생님은 이재호 선생님이셨는데 현재 선생님께 배우고 원래 이쪽 일이랑 전혀 상관없는데 투잡으로 다른 데서 외주 받아서 포토샵 작업도 하고 있습니다ㅋㅋㅋㅋㅋㅋㅋ그리고 제일 큰 장점은 모르는 게 있음 선생님께 연락해서 물어볼 수 있다는 점!!!!
    애니웨이 그린 컴퓨터 아카데미 이재호 선생님 감사합니다!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  • 그린컴퓨터아카데미 덕분에 빠른취업했어요!!홍정*

    처음 상담해주시던 제 담당자님, 그리고 담임(?)선생님 정말 정말 감사드립니다!
    수업 너무 알차고 재미있었어요 ㅎㅎ
  • 어렵고 유익했던 과정평가윤다*

    전공도 실용음악이라 아무것도 모르던 상태에서 과연 내가 웹디자인을 잘 배울 수 있을까 고민이 많았지만 처음하는 저도 쉽게 시작해서 능숙하게 다룰 수 있게 될 정도로 선생님께서 잘 가르쳐주셨습니다.
     과정평가형이라 거의 매주 시험을 보고 과제를 제출하고 진도도 빠르게 나가느라 힘이 들기도 했지만 그렇기 때문에 긴장을 놓지 않고 열심히 배우고 포트폴리오를 만들 수 있었다고 생각합니다.
     이제 남은 건 취업 뿐인데 코로나 때문에 힘들지만 마지막까지 포트폴리오 정리와 이력서, 자소서 정리를 하며 올해 안에 꼭 취업에.. 성공해야겠습니당 ..
수강후기 더 보기▶

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

개강임박
그린 할인 혜택

(주)지아이티아카데미

대표번호 : 031.837.4111

  • 대표자 : 전현수 | 상호명 : 그린컴퓨터아트학원 의정부점
  • 사업자등록번호 : 127-92-42824 | 통신판매업신고 : 강남13717호
  • 주소 : 경기 의정부시 시민로 80 센트럴타워 6층
  • COPYRIGHT © 2019 GITACADEMY [수강료게시]
실업자 스마트기기 UX/UI 디자인 (디지털 앱 웹디자인)구직자과정 3,157,800
실업자 스마트웹&콘텐츠서비스개발(스마트문화앱콘텐츠제작)양성과정 4,326,700
실업자 디지털컨버전스(응용SW엔지니어링)프론트엔드개발자 양성과정 3,944,400
실업자 스마트문화앱콘텐츠제작(웹퍼블리셔)양성과정 2,163,350
실업자 스마트문화앱콘텐츠제작 구직자과정 2,472,400
실업자 사무행정(컴퓨터활용능력)양성과정 669,480
실업자 사무행정(컴퓨터활용능력)구직자과정 892,640
실업자 사무행정(컴활)양성과정 1,115,800
실업자 사무행정(컴퓨터활용능력)양성훈련과정 1,338,960
재직자 편집향상과정 (일러스트레이터) 238,720
재직자 시각디자인 향상과정(일러스트레이터 포토샵) 315,780
재직자 디지털디자인향상과정(HTML5) 210,520
재직자 디지털디자인향상과정(javascript&Jquery) 210,520
재직자 스마트문화앱콘텐츠제작 향상과정(모바일웹 앱 개발) 370,860
재직자 전산회계1급 & FAT1급 취득과정 513,520
재직자 전산세무2급 & TAT2급 취득과정 577,710
재직자 사무행정 향상과정(워드 엑셀 파워포인트 액세스) 334,740
재직자 실내건축설계 향상과정(AutoCAD) 376,560
실업자 [NCS] 전산세무회계 취업과정 1,283,800
실업자 [NCS] 경리(회계)사무원 실무과정 2,567,600
실업자 [NCS] 사무보조(컴활) 실무자 양성 1,115,800
실업자 [NCS] 스마트기기 디자인 실무 3,684,100
실업자 디지털디자인(반응형웹디자인) 양성과정 1,578,900
실업자 시각디자인(일러스트 포토샵 인디자인) 양성훈련 1,578,900
실업자 실내디자인(인테리어)실무자양성과정 1,578,900
실업자 사무행정 (컴퓨터활용능력2급) 취득과정 557,900
실업자 사무행정 (컴퓨터활용능력1급) 취득과정 1,115,800
실업자 회계세무초급관리자과정(전산회계1 2급) 770,280
실업자 회계세무관리자양성(전산회계1급 전산세무2급) 1,540,560
실업자 스마트기기 UXUI 디자인 (디지털 앱 웹디자인)양성과정 3,684,100
실업자 스마트기기 UXUI 디자인 (서비스경험디자인)양성과정 3,684,100
실업자 스마트웹&콘텐츠서비스개발(스마트앱 웹콘텐츠디자인)입문과정 4,944,800
실업자 디지털퍼블리싱(편집 e-book디자인 포토샵 일러스트 인디자인)양성과정 4,177,600
실업자 디지털퍼블리싱(편집) 실무자양성훈련 4,177,600
실업자 디지털컨버전스(JAVA기반 응용SW엔지니어링)입문과정 5,259,200
실업자 디지털컨버전스(JAVA기반 DB엔지니어링)양성훈련 5,259,200
실업자 디지털컨버전스( UIUX엔지니어링)프론트엔드개발자과정 5,259,200
실업자 실내건축시공(실내건축설계 AutoCAD MAX)양성과정 5,020,800
실업자 BIM(건축설계)입문과정 5,020,800
재직자 편집디자인 (일러스트레이터) 268,560
재직자 편집디자인(포토샵) 268,560
재직자 편집디자인과정(인디자인) 286,470
재직자 편집과정(편집심화+그래픽스기능사 과정) 358,080
재직자 시각디자인(Artwork과정) 315,780
재직자 광고컨텐츠제작 (일러+포토) 370,860
재직자 기계요소설계 기초과정(Auto CAD) 261,030
재직자 시각디자인(일러스트레이터 과정) 315,780
재직자 광고콘텐츠제작(포토샵 과정) 296,690
재직자 실내건축 향상과정(AutoCAD-전산응용건축제도자격증) 263,600
재직자 디지털디자인 향상과정 (HTML5+CSS3) 210,520
재직자 디지털디자인 향상과정 (모바일 웹 제작 실무) 210,520
재직자 디지털디자인 향상과정 (웹표준&웹접근성) 315,780
재직자 디지털디자인 향상과정(HTML5&CSS3) 315,780
재직자 디지털디자인 향상과정(javascript&jQuery) 315,780
재직자 디지털디자인 향상과정 (HTML5&jQuery) 315,780
재직자 디지털디자인 향상과정 (디지털디자인 포트폴리오종합) 315,780
재직자 응용SW 엔지니어링 향상과정(모바일웹앱) 394,440
재직자 실내디자인 포트폴리오 과정 315,780
재직자 실내건축 고급과정(스케치업) 296,690
재직자 기계설계2D도면제작&분석향상과정(AutoCAD) 326,280
재직자 실내건축 향상과정(AutoCAD-활용ATC 자격증) 261,030
재직자 영상편집(프리미어 에프터이펙트) 325,260
재직자 전산회계 1급 취득과정 385,140
재직자 FAT(더존) 1급 취득과정 385,140
재직자 전산세무2급 취득과정 385,140
재직자 TAT(더존) 2급 취득과정 385,140
재직자 전산세무1급(재무실무) 385,140
재직자 ERP 회계1급 385,140
재직자 사무행정 향상과정(워드프로세서 프레젠테이션 스프레드시트 데이터베이스) 334,740
재직자 컴퓨터활용능력 1급 취득과정 실기 234,320
재직자 엑셀실무&컴활2급 취득 과정 334,740
재직자 응용SW 엔지니어링 향상과정(CC++ 프로그래밍) 262,960
재직자 응용SW 엔지니어링 향상과정(JAVA입문) 315,560
재직자 응용SW 엔지니어링 향상과정(안드로이드 앱개발) 394,440
재직자 PHP+MySQL 웹프로그래밍(WEB Progrmming) 394,440
재직자 컴퓨터활용능력 1급 (필기 실기) 334,740
재직자 컴퓨터활용능력 2급 (필기 실기) 223,160
재직자 광고콘텐츠제작 (포토샵 교육) 296,690
재직자 광고컨텐츠제작 (일러스트+포토샵) 370,860
재직자 실내디자인 향상과정 (3D Max 교육) 370,860
재직자 실내디자인 포트폴리오 315,780
재직자 실내건축 고급과정 (스케치업 교육) 296,690
재직자 엑셀실무과정 223,160
재직자 사무행정 향상과정 (파워포인트) 167,370
상담
문의
031-837-4111