문의하기
select campus
원하시는 캠퍼스를 선택해 주세요 (1/4)
강남 캠퍼스
강남AI 캠퍼스
종로 캠퍼스
구로 캠퍼스
신촌 캠퍼스
노원 캠퍼스
천호 캠퍼스
안산 캠퍼스
성남 캠퍼스
안양 캠퍼스
구리 캠퍼스
일산 캠퍼스
동탄 캠퍼스
분당 캠퍼스
남양주 캠퍼스
김포 캠퍼스
강릉 캠퍼스
select class
과정 유형을 선택해 주세요 (2/4)
산대특
선도기업
K-디지털
국가기간
직업계고
일반고
실업자 과정
재직자 과정
일반 과정
방학특강
select class
과정 분류를 선택해 주세요 (3/4)
웹디자인·웹퍼블리셔
편집디자인·영상편집
전산세무회계·ERP
IT·프로그래밍
컴퓨터활용·OA
건축·전기·기계설계
자격증과정
select class
과정을 선택해 주세요 (4/4)
select campus
원하시는 캠퍼스를 선택해 주세요
강남 캠퍼스
강남AI 캠퍼스
종로 캠퍼스
구로 캠퍼스
신촌 캠퍼스
노원 캠퍼스
천호 캠퍼스
안산 캠퍼스
성남 캠퍼스
안양 캠퍼스
구리 캠퍼스
일산 캠퍼스
동탄 캠퍼스
분당 캠퍼스
남양주 캠퍼스
김포 캠퍼스
강릉 캠퍼스
Web Design·
Publisher
하이미디어
웹디자인·웹퍼블리셔 과정안내
산대특
(산대특)_웹앱개발 AI 서비스 엔지니어_양성
최신 AI와 UI/UX 기술을 활용하여 웹 기획, 디자인, 개발 역량을 배양하고 실무에 적용할 수 있는 디지털 역량을 강화합니다. 특히 생성형 AI와 대규모 언어 모델(LLM) 활용 능력을 키워, AI 기반의 UI/UX 및 웹 개발에 적용할 수 있는 실질적인 역량을 함양합니다.
개강일 :
평일12월 26일
교육기간 : 총
120일
모집인원 : 총
22명


피그마와 개발 환경 이해하기
피그마는 개발자가 만든 툴입니다. UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구 Figma(피그마)의 기본적인 사용법과 실무 활용법에 대해 교육합니다. 개발 환경에 웹퍼블리싱 적합하게 구현되다 보니 그 특성을 고스란히 담고 있습니다. 디자이너와 개발자의 소통을 도와주는 기능이 많습니다. 개발자가 참조할 수 있는 정보를 주는 ‘개발 툴바’가 있으며, 마우스 툴바로도 수치값을 확인할 수 있어 가이드라인이 없어도 빠른 작업이 가능합니다. CSS를 이해하고 계시다면 피그마를 좀 더 잘 사용하실 수 있습니다.

개발자와 소통하는 디자이너
레이어, 버튼, 컴포넌트, 오토 레이아웃 등 다양한 디자인 리소스의 네이밍을 개발 환경에 맞게 만들어서 개발자에 전달합니다. 모바일 앱은 운영체제 및 디바이스별로 다양한 해상도 및 밀도를 가지고 있습니다. 그리고 이렇게 만들어진 이미지는 개발자에게 적합하게 전달되어 원활히 개발될 수 있는 점이 중요합니다. 피그마는 디자인 산출물 추출 및 전달을 원활히 할 수 있도록 Export를 체계적으로 할 수 있으며, Inspect 탭을 통해 개발자가 참조할 수 있는 코드 및 지정 이미지를 다운로드 할 수 있게 합니다

디자인 프로세스를 반영한 사용성과 인터페이스
UI/UX 디자인은 이미지 디자인으로 끝나는 것이 아니라 지속적으로 하나의 플로우 및 태스크를 완수하기 위한 시스템을 기획 설계하는 개념을 기반으로 화면이 디자인됩니다. 따라서 이미지만을 보정하기 위한 프로그램이 아닌, 디지털 프로덕트(모바일 앱, 웹 등)의 워크 프로세스 및 고유의 디자인 프로세스를 감안한 기능 및 인터페이스로 구성된 전문 UI/UX 디자인 프로그램이 필요하며, 피그마는 이러한 점을 잘 파악하여 실무 중심의 워크 프로세스에 적합하게 설계된 프로그램입니다.

피그마의 장점!
웹서비스이기 때문에 다운로드 없이 사용이 가능하고 운영체제에 구애받지않습니다. 피그마는 웹 기반 프로그램으로서 온라인 실시간 작업이 이루어진다는 장점이 있습니다. 따라서 구글에서 문서나 프레젠테이션을 공유해서 실시간 작업하는 것과 같은 개념으로 기획 디자인 설계 등이 기본적으로 공유됩니다. 또한 팀 라이브러리를 활용하면 디자인 컴포넌트 관리 및 효율적인 리소스 매니지먼트도 가능합니다.

UI/ UX에 대한 이해를 바탕으로 한
실무 중심의 웹퍼블리싱
사용자의 요구에 따라 빠르고 다양하게 변화하는 웹상에서
UI/ UX를 이해하고, 웹퍼블리싱 기본 언어 및 현장에서
사용되는 다양한 마크업을 중심으로 페이지를 설계할 수
있도록 기술을 양성하는 과정입니다.

차세대 웹 서비스의 언어, HTML5
HTML5.0은 웹개발 생산성 향상 및 차세대 웹 어플리케이션 플랫폼으로 대부분의 웹 브라우저들은 HTML5와 호환이 되도록 지원하고 데스크탑뿐만 아니라 반응형 웹, 어플리케이션, 키오스크 화면 등의 제작에도 사용됨으로써 차세대 웹 서비스 플랫폼으로 중요한 언어입니다.

웹표준 퍼블리싱을 구현하다!
웹 접근성의 개념과 웹 표준 문법을 이해하고 다양하고 유용한 실무 스킬과 팁을 활용한 웹사이트를 제작하며, HTML+CSS+JAVA Script로 웹 콘텐츠의 구조와 표현, 동작을 명확하게 분석하고, 웹표준을 준수하여 웹사이트를 디자인하고, 사용자와의 상호작용을 향상시킬 수 있는 기술력을 양성하는 과정입니다.

트렌드를 선도해 나갈
웹디자이너·웹퍼블리셔에 도전하세요!
웹디자인에 필요한 기초디자인(Photoshop, Illustrator)과
웹 개발 기술인 Editor, 스크립트 등의 전문교육과정을 통해
인재를 양성합니다.

  • 하나의 사이트가 모든 디바이스 기기에서
    변경되어 보이는 기술에 관심이 많은 사람
  • 웹에서 애니메이션으로 각종 화려한
    효과를 만들어 보고 싶은 분
  • UI/UX 분석을 통해 최신 트렌드를 반영한
    사이트를 구현하고 싶은 분
수료 후 향상되는 능력
- 코딩을 깊이 있게 이해하고, 스타일 시트만으로 애니메이션 구현
- 자바스크립트를 효율적으로 사용하여 다양한 퍼포먼스 구현
- 반응형, 적응형 웹페이지를 생산해내어 경제성을 향상
수료 후 취업 가능한 분야와 취득 가능한 자격증
- 웹디자이너, 웹퍼블리셔, 프런트엔드 개발자, UI/UX 개발자,
디지털 미디어 콘텐츠 개발자, 모바일웹디자이너, 웹 애니메이터
- 멀티미디어 콘텐츠 제작 전문가, 웹디자인기능사, GTQ, GTQi,
컴퓨터그래픽스 기능사
  • 4차 산업 유망직종인
    웹·앱 분야에 대해 알려주세요!
  • 최근 웹 표준에 대한 요구가 높아지면서 모바일을 기본으로 웹 사이트를 운영는 경우가 많습니다. 기존의 웹디자인이 아닌 웹표준 마크업과 웹 접근성을 고려한 마크업 코딩 능력을 요구하는 것이 웹 업계의 기본이 되었습니다.
    또한 애니메이션 구사능력도 점차 그 중요성이 높아지고 있습니다. 이런 디바이스의 다양성을 모두 포괄하는 코딩 및 디자인 능력을 가진 인재를 키워내는 것이 UI/UX 반응형, 적응형 웹퍼블리셔, 프런트엔드 개발자가 일하는 분야입니다.
과정을 수료하면 어떠한 작업을 하는지 궁금한가요?
수강생분들의 포트폴리오를 소개합니다.
BOOSTED Mobile App - UX/UI Concept
서ㅇ미
Michelin Guide UX/UI Mobile Concept
서ㅇ하
Aesop Web & Mobile App UIUX Design
박ㅇ진
Airbnb Mobile App - UX/UI Concept
변ㅇ영
Dreamworks UX/UI App Design
권ㅇ지
ArtMap UX/UI Concept
최ㅇ영
Rapha - UX/UI App Renewal Concept Design
김ㅇ원
lululemon-Concept UX/UI App
김ㅇ지
UXUI Design Renewal
이ㅇ진
FREITAG - UX/UI mobile app Concept
지ㅇ이

지원혜택

본 과정은 산업구조변화대응특화훈련 과정으로 (이하 산대특훈련) 산대특 훈련이란 지역의 급변하는 산업구조 변화에 대응하고 지역별 상황에 부합하는 직업 훈련이 공급되어서 어려움이 있는 산업분야의 재직자, 실업자 등의 노동 이동 및 고용유지 등을 활성활하기 위해 만들어진 훈련입니다.

본 원에서의 모든 산대 특 훈련 과정은 수강료 및 교재비에 대해 전액 무료로 수강하실 수 있으며, 매월 최대 816,000원의 훈련장려금+특별훈련수당 추가지원해 드립니다.

  • 100%
  • 훈련비 전액지원(최초 1회 참여 한정)
  • 월 최대 816,000
  • 훈련장려금+특별훈련수당 추가 지원

훈련대상

국민내일배움카드를 발급 받아 직업 훈련에 참여를 희망하는 국민 누구나

  • *단, 공무원, 사립학교 교직원, 사업기간 1년 미만이거나 연 매출 1억5천만원 이상인 자영업자, 월 임금(소득) 300만원 이상의 대규모기업 근로자(만 45세 미만)·특수형태근로자, 졸업까지 남은 수업연한이 2년을 초과하는 대학생, 만 75세 이상자 등은 제외
커리큘럼
오리엔테이션
OT
디자인씽킹 활용
디자인씽킹 활용
생성형 AI
생성형 AI 개념과 활용
생성형 AI활용을 위한 프롬프트 엔지니어링
생성형 AI와 프롬프트를 사용한 UI/UX웹기획
기초기획
세부기획
생성형 AI를 활용한 UI/UX 웹 화면 개발
기초 디자인
시안제작 및 결정
피그마 기초 및 활용
생성형 AI를 활용한 UI/UX 웹 구현
HTML5, CSS3, Javascript, Bootstrap
javascript (ES6)
LLM기초프로그래밍
프로그래밍 역량 강화1
LLM 프로그래밍 입문
LLM응용프로그래밍
프로그래밍 역량 강화2
커뮤니케이션 앱 제작
LLM심화프로그래밍
AI 모델 개발
프로그래밍 역량 강화3
프로젝트
LLM 응용 프로그래밍 프로젝트
프로젝트 발표회
기업체 특강
프로젝트 최종발표
하이미디어만의
탄탄한 시스템
20여년간 수많은 수강생이선택한 이유!
취업을 위한 하이미디어만의 시스템을 확인하세요
실무에 강한 현직 전문 강사진 운용
하이미디어는 최소 10년이상 실무를 경험한 현직 강사진을 구성 하여 실무 프로젝트 위주의 수업을 진행하고 있습니다. 또한 이론만 이 아닌 최신 트렌드를 반영한 커리큘럼과 함께 단순히 취업만이 목적이 아닌 취업후, 실무에 대한 두려움, 그리고 적응기에 대한 고민을 말끔히 해결합니다.
100% 취업지원 및 1:1 맞춤멘토링
오랜기간 취업에 관한 고민과 노력으로 다듬어진 하이미디어만의 취업시스템은 높은 취업률로 이미 그 결실을 대변하고 있습니다. 1:1 맞춤형 멘토링을 통하여 취업전략상담, 개인직무분석, 맞춤 분야추천 등 다방면의 프로그램을 준비해놓고 있으며 취업을 희망하는 하이미디어의 수강생이라면 그 특권을 기꺼이 누리실 수 있습니다.
8년 연속 고객이 신뢰하는 브랜드대상 수상
한경에서 주최하는 "고객이 신뢰하는 브랜드대상" 교육부문에 8년연속 대상을 수상하였습니다. 20년이상 업계를 선도해온 하이미디어라는 교육 브랜드는 단순한 국비교육을 넘어 여러분의 힘찬 미래를 함께 설계하는 동반자로 나아가고 있습니다.
국가공인 자격증 시험센터운영
하이미디어는 국가에서 인정한 자격증 공인시험센터 (MOS,ATC,전산세무회계,AT)를 운영하고 있습니다. 교육환경과 동일한 장소에서 시험을 치르기 때문에 하이미디어 수강생들의 자격증 취득률 또한 매우 높습니다. 또한 세무회계분야 전국 최대 합격자 및 수료자 배출이라는 쾌거를 이뤄냈습니다. 자격증 취득의 지름길은 단연코 하이미디어입니다.
수강생들의
솔직담백 생생후기!
김수미
전산회계1급 전산세무2급 / 천호 캠퍼스
세무와 회계는 처음 접하는 분야로 엄청난 압박감이 있었지만 수업을 계속 들으면서 점점 제가 취득하고 싶은 자격증에 가까워지고 있다는 마음이 들게 되었습니다. 성실히 가르켜주시는 선생님의 말씀이 점점 들리기 시작하면서 선생님 께서 정말 알기 쉽고 재미있게 수업을 진행해 주시는걸 느끼게 되고 저도 집중하며 따라가게 되었습니가. 지금은 다소 생소하던 세무와 회계가 한층 가까워져 있고 자격증도...
김O재
전기 자동화설비제어를 위한 PLC, HMI, 모션제어, 통신기술자 양성 / 분당 캠퍼스
올해 초에 대학을 졸업하고 자동화설비 산업기사 실기시험을 준비하기 위해 PLC학원을 알아보다가 하이미디어아카데미 분당점에서 수업을 듣게 되었습니다. 과정이 4개월이지만 기초적인 전기 관련 지식부터 PLC프로그램으로 제어하는 것 까지 전반적으로 배워서 응용까지 해야 하기 때문에 기간이 길지 않습니다. 다만 열정이 있으시다면 이해하는 데에는 크게 어렵지 않으며, 수업 진행속도가 적당하여 처음...
이산
전기 자동화설비제어를 위한 PLC, HMI, 모션제어, 통신기술자 양성 / 분당 캠퍼스
이번에 처음으로 전기 쪽으로 알아보게 된 수강생입니다. 처음에 반도체 관련해서 배울 수 있는 국비 수업을 알아보다가 하이미디어 분당점을 알게 되었습니다. 저는 전공도 문과와 사회과학계열이고 전기 쪽은 이번이 처음입니다. 하지만 처음 하는 사람도 쉽게 따라갈 수 있도록 설명해주기에 배움에 있어 어려움은 없었습니다. 또한 전기 쪽을 준비하다보니 자연스럽게 자격증도 같이 하고자 하여 전기기...
박OO
전산세무회계(회계1급+세무2급) / 신촌 캠퍼스
전산세무2급 자격증을 위해 학원 수강한 경험에 대해 솔직하게 후기를 남겨보려고 해요. 저는 세무회계 자격증은 준비해 보려고 시작을 하게 되었는데 관련 지식이 전무한데다 진도를 따라가는게 좀 어려울까봐 걱정도 많이 했지만, 결과적으로 수강하기를 매우 잘했다 싶습니다! 우선, 강의 내용은 세무회계에 대한 기초부터 알아야 할 중요한 핵심내용에 대해서 임팩트있게 설명해 주셨고 어렵게 느껴질...
박ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
처음에 들어왔을 때 한번도 배워본적도 없고 겁도 났지만 학원 대표님께서 직접 설명해주시고 다른 직원분들도 친절하게 대해주십니다. 공부할 때는 강사님도 엄청 잘 알려주시고 잘 이끌어주셨습니다. 배울 때도 개념을 확실히 잡고 아직 안잡히면 최대한 잡고 가시려고하시고 실무에서 어떤형식으로 이루어지는지 많이 쓰이는지도 알려주시고 도움 많이 되었습니다. 게다가 팀원들이랑 협업의 중요성과 좋은 방향으로...
유ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
선생님의 열의와 열정으로 가득 찬 수업이었습니다! 수업 후 프로젝트 진행을 하면서 개발에 대한 자신감을 얻게되었고, 마지막 프로젝트를 진행하며 취업의 문에 가까워졌다는 생각이 들었습니다. 선생님께서는 전반적인 출결관리, 저희가 학습에 대해 불편사항이있는지 상담을 통해 지속적으로 확인해주셔서 저의 상황을 계속 확인해주셔서 너무 감사했습니다! 선생님도 960시간이라는 긴 시간동안 몸도 좋지 않...
안ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
4년 전에도 하이미디어에서 국비과정을 수강해 취업에 성공했던 저는 이번에도 하이미디어를 선택했고, 역시나 이번에도 만족스러운 과정이었습니다. 6개월의 시간을 잘 보내기 위해서는 강사 선생님의 가르침과 커리큘럼이 중요한데, 이 부분에서 훈련강사님의 전문성과 교수 능력이 우수했고, 커리큘럼도 만족스러웠습니다. 특히, 강사님께서 훈련생 개개인을 살펴보시고, 소수의 의견도 존중해주셔서 여러 번의...
김ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
저는 컴맹이라고 불릴 정도로 컴퓨터를 모르고 풀스택 개발자 과정에 참여하였습니다. 램, CPU 조차 무엇인지 아예 모를 정도 였습니다. 정성을 다해 주신 강사님 덕분에 여러 방면으로 컴퓨터에 흥미가 생기고 그로 인해 많은 내용을 스스로 학습하기도 하며 컴퓨터와 많이 친해진 것 같아요. 친절하신 강사님과 수강생분들 덕에 끝까지 완주할 수 있었습니다. 완주하고 나니 컴퓨터에 대해 자신감이 생기고...
박ㅇㅇ
React.js와 Springboot를 활용한 자바 풀스택 개발자 / 종로 캠퍼스
풀스택 개발자가 되기 위한 훈련과정으로 적절히 구성되어 있습니다. 너무 많은 내용들을 제대로 배울 수 있을까?라는 의문이 들었지만 열정적인 선생님 덕분에 기초부터 차근차근 배울 수 있었습니다. 비전공자로써 지식이 전무한 상태에서 프론트엔드와 백엔드로 전반적인 이해를 갖출 수 있어서 굉장히 좋았습니다. 개발자가 되기 위한다면 반드시 수강할 가치가 있는 과정이라고 생각합니다. 6개월의 과정 속에...
최ㅇㅇ
클라우드 기반의 자바 풀스택 (Springboot, React, flutter) 개발자 / 강남 캠퍼스
It사업에 관심이 많아 학원을 알아보던중 하이미디어 아카데미를 알게되어 상담받고 수업을 받았는데 인원이 많은데도 불구하고 인원 한명한명 기억해주시고 챙겨주는 학원은 처음이였어요! 그리고 수업의 구성과 내용 또한 매우 체계적이었습니다. 각 기술 스택(Spring Boot, React, Flutter)의 기초부터 심화 내용까지 점진적으로 배울 수 있었고, 강의 자료와 실습 예제들이 실제 현...
이런 과정들은 어떠세요?
마감이 얼마 안 남은 동일 분류의 과정들을 추천해 드립니다.
(산대특)_웹앱개발 AI 서비스 엔지니어_양성
평일24.12.26
개강확정_Figma활용 UI/UX 반응형 웹디자인(웹퍼블리셔)
평일24.12.31
(디지털디자인)UI/UX 반응형 웹디자인&웹퍼블리셔(Adobe XD활용)
평일24.12.31