WEB DESIGN·UI/UX

상담 신청하기

챗GPT 생성형 AI를 활용한 반응형 웹콘텐츠(영상제작&코딩) 개발 기획

  • 신청기간 2025.05.12까지 D-12
  • 개강일 2025.05.13
  • 교육기간 정규 6개월
  • 수업구성 월~금 09:30-18:10

· 수강료 100% 국비지원 무료교육
· 매월 200,000원 ~ 816,000원 훈련수당 지급
· 수료 후 협력 기업 및 해당 직무분야 취업연계관리

스마트기기에 적용 가능한 서비스에 대하여 사용자경험과 니즈를 분석하여 정보설계, UI설계, 화면설계를 하고 포토샵, 일러스트와 같은 디자인 프로그램을 사용하여 디자인을 제작한 뒤 리액트와 뷰를 통해 웹사이트 상에 시각적으로 구현하는 방법을 배울 수 있는 과정입니다.

• UI/UX 디자인에서 기초가 되는 부분을 중심으로 실무에 필요한 기본기를
탄탄하고 꼼꼼하게 가르쳐 입문자도 학습이 가능합니다.
• 나만의 포트폴리오를 완성할 수 있도록 개인별로 맞추어 꼼꼼하게 가이드합니다.
• 최신 트렌드를 반영한 커리큘럼으로 진행되어 이론과 현업의 노하우를 모두 학습합니다.

강의 대상 이런 분들께 추천합니다!
  • AI에 관심 있으신분
  • AI로 웹 콘텐츠 제작을 원하시는 분(이미지 · 영상)
  • 비전공자 가능 · 평소 프로그래밍에 어려움을 느끼시는 분
  • AI를 통해 실무 퀄리티를 높이고 싶으신 분

웹 프로젝트의 프로세스를 완벽하게 이해한
웹·앱(UI/UX)디자인·퍼블리싱 전문가가 될 수 있습니다.

  • UI/UX 디자인의 기초를
    배우고 이해합니다.
  • 웹사이트 제작의 개념과
    프로세스를 이해합니다.
  • 최신 트렌드를 반영한
    디자인을 표현합니다.
  • 실무에 바로 투입가능한
    전문가로 거듭납니다.

웹·앱(UI/UX)디자인·퍼블리싱 연봉

자료출처 : Pixso - 2023 제로베이스 취업 데이터 (단위: 만원)
  • 2,600만원
    타 디자이너 평균
  • 3,000만원
    UI/UX 디자이너 평균
  • 3,800만원
    UI/UX 디자인 스쿨 출신

타 디자이너 평균 연봉보다 높은
웹·앱(UI/UX)디자인·퍼블리싱 연봉

디자인이 더이상 선택 사항이 아닌 필수가 되고 서비스의 경쟁력이 사용자 경험으로
결정되는 요즘, 웹과 앱에 핵심이 된 UI/UX 전문가의 가치 또한 높아지고 있습니다.

취업 분야 아래 분야로 취업할 수 있습니다!

웹디자이너 · 웹퍼블리셔 · 앱디자이너 · UI/UX 분석 및 기획 · UI/UX 디자인 등

MBC아카데미 컴퓨터학원을 선택해야 하는 이유

  • 단계별 수업
    나에게 맞는 단계별 수업 초보자를 위한 전문가 양성과정 &
    스킬업을 위한 심화과정 모두 운영
  • 프로젝트 수업
    실무 기반 프로젝트 수업 전체적인 실무의 흐름을 알 수 있는
    프로젝트형 수업 진행
  • 취업시스템
    취업률을 높이는 취업시스템 취업 전문가의 코칭으로
    동종 업계 취업률 평균 89.8%
  • 세미나
    실무자 세미나 & 특강 현업에서 일하는 실무자들의
    특강을 통해 핵심 정보 습득
로드맵 로드맵
조지현강사
  • 실무경력

    14

  • 강의경력
    9

생성형 AI와 코딩을 접목한 반응형 웹콘텐츠 및 영상제작 분야의 실전 전문가 조지현 강사

주요경력사항
생성형 AI 기반 콘텐츠 전략 기획 및 제작 실습
프론트엔드 개발 실습 및 반응형 웹 구현
HTML5, CSS3, JAVASCRIPT, SCSS 등 웹 표준 기술을 기반으로 한 마크업 및 스타일링 교육
REACT + TYPESCRIPT 기반의 SPA(단일 페이지 애플리케이션) 개발 실습 중심
UI/UX 기획 및 프로토타이핑 교육
AI 융합형 콘텐츠 제작 및 편집
프리미어, 애프터이펙트 등 영상 툴과 AI 기반 영상툴(RUNWAY, KAIBER 등)을 하이브리드 방식으로 병행 활용
프로젝트 중심 결과물 제작 및 피드백 디렉팅
다수 아카데미 출강
자격사항
2004 그래픽운용기능사
2004 전자출판기능사
2005 정보처리산업기사
2016 웹디자인기능사
2017 소프트웨어코딩지도사
2017 멀티미디어컨텐츠
2022 GTQ

교육과정 상세내용

  • Step 1
    생성형 AI 챗GPT
    • 챗GPT를 활용한 데이터 분석과 프롬프트 기초 이해
    • AI 보조 크롬 확장 프로그램 활용법 학습
  • Step 2
    웹 설계 기본
    • 웹표준과 웹접근성 이해
    • HTML, CSS3, 자바스크립트 기초 및 심화 학습
    • 조건문, 반복문, 동적 이벤트 실습
  • Step 3
    AI 프로그래밍
    • 파이썬 개발환경 설정 및 기본 문법 학습
    • 자료형, 함수, 클래스, 상속, 파일 입출력, 네트워크 프로그래밍
    • Django를 통한 웹 개발 및 데이터베이스 연동 실습
  • Step 4
    AI 영상제작 편집
    • 프리미어 및 애프터 이펙트를 활용한 영상 편집
    • CG작업, 특수 영상 합성, 편집 후반작업
  • Step 5
    React · Vue
    • React.js 및 Vue.js/Vuetify 프레임워크 학습
  • Step 6
    웹디자인 UI/UX 설계제작
    • 사용성과 심미성을 고려한 인터페이스 설계
    • 프로토타입 구성, 정보구조 및 와이어프레임 제작
  • Step 7
    웹디자인/영상디자인 콘텐츠 기획
    • 시장 동향 조사 및 디자인 스타일 분석
    • 비즈니스 모델 작성과 프로젝트 기획서 작성
  • Step 8
    실무 프로젝트 1 (ESG 기업홍보)
    • 웹디자인 및 홍보영상 기획, 요구사항 분석, 팀별 제작
    • 사업제안서(PPT) 작성
  • Step 9
    실무 프로젝트 2 (생성형 AI 활용 영상 제작)
    • AI 기반 스크립트, 이미지, 텍스트로 영상 제작
    • 사업제안서(PPT) 작성
  • *각 과정의 세부 내용은 과정마다 상이할 수 있으니, 자세한 사항은 하단 빠른 상담 신청하기를 통해 상담신청해 주시기 바랍니다.

포트폴리오

웹·앱(UI/UX)디자인·퍼블리싱
웹디자인 포트폴리오 홈페이지제작
웹·앱(UI/UX)디자인·퍼블리싱
웹디자인 포트폴리오 홈페이지제작

이O레 수강생 어렵게만 느껴졌던 웹코딩.. 이제는 자신 있게 시각적으로도 구현할 수 있게 되었습니다!

MORE
웹·앱(UI/UX)디자인·퍼블리싱
스마트 UI/UX 웹디자인+영상 활용 (포트폴리오 취업과정)
웹·앱(UI/UX)디자인·퍼블리싱
스마트 UI/UX 웹디자인+영상 활용 (포트폴리오 취업과정)

정O현 수강생 프로그램이 생소해서 많이 어렵고 힘들었지만 이제는 자유롭게 작업 할 수 있게 되었습니다. 감사합니다.

MORE
웹·앱(UI/UX)디자인·퍼블리싱
(디지털디자인)웹디자인 및 스마트 UI/UX 웹퍼블리셔 양성
웹·앱(UI/UX)디자인·퍼블리싱
(디지털디자인)웹디자인 및 스마트 UI/UX 웹퍼블리셔 양성

정O담 수강생 취업을 위한 포트폴리오까지 완벽하게 마무리 해주신 강사님께 감사드립니다!

MORE
웹·앱(UI/UX)디자인·퍼블리싱
디지털디자인(웹디자인, 웹퍼블리셔) 전문가 양성
웹·앱(UI/UX)디자인·퍼블리싱
디지털디자인(웹디자인, 웹퍼블리셔) 전문가 양성

예O은 수강생 시각적으로 최적화 하여 제작한다는 것이 쉽지는 않았지만 만족스런 결과물을 얻게 되었습니다.

MORE
웹·앱(UI/UX)디자인·퍼블리싱
웹디자인 및 스마트 UI/UX 웹퍼블리셔
웹·앱(UI/UX)디자인·퍼블리싱
웹디자인 및 스마트 UI/UX 웹퍼블리셔

양O혜 수강생 비전공자지만 해당 수업을 통해 웹사이트의 구조와 콘텐츠를 설계할 수 있는 능력을 키웠습니다. 너무나 뜻 깊은 시간이었습니다.

MORE
웹·앱(UI/UX)디자인·퍼블리싱
UI/UX웹디자인 웹퍼블리셔 프론트엔드 전문가 양성
웹·앱(UI/UX)디자인·퍼블리싱
UI/UX웹디자인 웹퍼블리셔 프론트엔드 전문가 양성

오O주 수강생 사이트 주소
http://youngjoo.dothome.co.kr/

MORE

취업지원 시스템

  • 취업상담 신청

    홈페이지를 통해
    취업상담 요청

  • 진로상담 및 컨설팅

    1:1 진로상담을 통해
    취업컨설팅 진행

  • 이력서·자기소개서

    기업 맞춤형
    서류 검토 및 코칭

  • 취업연계

    학원 연계기업으로
    수강생과 기업 매칭

  • 모의면접·코칭

    긍정적 인상을 남길 수
    있도록 면접 코칭

  • 취업성공

    면접 기업 검토을 통해
    안전한 회사로 취업

연계기업 현황

다양한 연계기업과 교류를 통해 수강생들의 취업기회를 넓혀가고 있습니다.

  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업
  • 연계기업

웹·앱(UI/UX)디자인·퍼블리싱 과정 자주 묻는 질문

교육과정
교육 수료 후 취업연계는 어떻게 진행될까요?


교육과정
디자인 관련 비전공자도 수업을 따라갈 수 있을까요?


교육과정
디자인 감각이 없어도 포트폴리오가 나오나요?


교육과정
프로그래밍을 처음 배우는 사람도 이 과정을 수강할 수 있나요?


교육과정
프로그래밍 언어를 배우는 데 얼마나 시간이 걸리나요?


빠른상담 신청하기

신청 한 번으로 국비지원 대상 조회 · 수강료 및 시간표 조회가 모두 가능합니다.

01 지점선택
01

캠퍼스선택

상담 신청할 캠퍼스를 선택해 주세요.
02 학과·과정선택
02

학과·과정선택

학과·과정 선택이 어렵다면 [일반문의]를 선택해 주세요.
03 신청자 정보
03

신청자 정보

신청정보가 맞는지 반드시 확인해 주세요.
  • 종로
  • 일반문의
  • - -
보기