교육상세보기 < 모집과정 < 부산IT아카데미·교육센터

웹퍼블리싱란?: 웹 사이트 제작 시, 디자이너의 웹 디자인을 웹 표준성과 접근성에 부합하도록 재정리하여 최종 디자인을 토대로 HTML, CSS, Javascript로 코딩하는 작업을 ‘웹 퍼블리싱’이라고 합니다. 그리고 이를 담당하는 사람을 ‘웹 퍼블리셔’라고 합니다.

즉, 웹 퍼블리싱이란 코딩을 통해 웹 페이지의 디자인을 실제적으로 구현하는 과정을 의미합니다.

포토샵
일러스트레이터
HTML5
CSS3
jquery
React.js
node.js
피그마

2D 그래픽: 포토샵, 일러스트레이터 사용법을 기초부터 배웁니다.

웹디자인: HTML, CSS를 통합 웹을 구축하는 기술을 습득합니다.

UX/UI 콘텐츠: UX/UI 콘셉트를 기획하고 UXUI 콘텐츠의 분석/기획/설계 기술을 배우게 됩니다.

퍼블리싱: JavaScript, node.js, React.js를 활용한 전문 퍼블리싱 기술을 습득합니다.

교육 대상

그래픽 기술 및 웹디자인 기술을 배우고 싶은 분
웹 퍼블리싱에 대한 이해도를 높이고 싶은 분
비전공자, 고졸자, 초보자, 대학 비(非)이공계 졸업자
웹 퍼블리싱에 대한 이해도를 높이고 싶은 분
전공자이지만 실무능력이 부족한 분
실무와 직결되는 수업을 원하는 분
수준 높은 포트폴리오 결과물을 원하시는 분

취업 분야

웹기획자, 웹디자이너, 웹퍼블리셔
디지털콘텐츠 기획자, UI,UX 모바일/앱 디자이너
브랜드디자인, 마케팅디자인
인쇄물 디자인, 광고 디자인
IT업체, 웹에이전시, 쇼핑몰 등

교육 목표

프로젝트를 기획, 제작하는 UI/UX 능력, 웹기반 프로그램뿐 아니라 다양한 인터랙티브 구현이 가능한 javascript 기술까지 아우르는 프론트엔드 웹서비스를 가능하게 하며 웹에서 서비스되는 기술을 구현할 수 있다.
퍼블리셔의 필수 역량이 되는 HTML, CSS, JQuery 등의 프로그램을 통해 표준형 웹 제작 및 반응형 웹 제작에 대해 기술을 구현할 수 있다.
기업에서 요구하는 디자인 능력과 웹구현 능력 및 프론트엔드 기술을 포함하는 콘텐츠 구성능력을 수행할 수 있는 직군의 취업을 목표로 한다.

수강생들의 솔직 후기

잘 짜여진 커리큘럼입니다.포토샵, 일러스트레이터부터 HTML, CSS, 제이쿼리, 자바스크립트, UX/UI 디자인까지 다양하게 배울 수 있었던 과정이었습니다. 6개월 과정에 모두 다 배우기엔 방대한 양의 수업이었지만 강사님께서 준비를 철저히 해주시고 커리큘럼을 너무나도 잘 짜놓으셔서 정말 유익하게 잘 배웠던 수업이었습니다.
짧은 기간에 많이 배웠습니다.선생님 덕분에 어려운 과목을 짧은 기간에 정말 많은 과목들을 배울 수 있었고 결국에는 이만큼 만들 수 있어 뿌듯합니다.
학원 선택할 때 고민 많이 했는데기본기없이 시작해 막막했는데도 기초부터 차근차근히 수업내용 또한 너무 이해하기 좋게 가르 쳐주셔서 만족하였습니다. 학원 선택할때 고민을 많이했는데 정말 잘한 선택을 한 것 같습니다. 선생님들 모두 너무 훌륭하시고 잘가르쳐주셔서 감사합니다.
사이트를 만들고 있는 내가 신기해요.코딩이라는 것을 알지도 하지도 못했던 제가 지금은 사이트도 만들고 포트폴리오도 만들고 있다는 사실이 신기합니다. 처음에는 내가 할 수 있을까 걱정이 많았는데 강사님들께서 기초부터 차근차근 하나씩 알려주시고 막히는 부분도 질문을 하면 잘 알려주셔서 자신감도 많이 생기고 걱정도 싹 사라졌습니다
강사님이 매우 적극적이세요.전담교육강사님이 매우 적극적이고 학생들의 배움과정에 일대일로 성실히 진행해주셨습니다. 수업의 질이나 교재의 선정, 강사님에 의한 정보습득, 열성적인 수강생들의 지식공유 등 높은 수준에서 만족스러운 과정이었습니다.
수업 내내 재밌었어요.수업진행하는 내내 재미있었고 좋았어요. 질의도 잘 이루어지고 추천드려요. 덕분에 자격증도 2개나 취득할수 있었고 물론 개인의 노력도 필요한 부분인지라 정말 열심히 했고 만족스러워요.
코딩에 코자도 몰랐는데...5개월 넘는 기간동안 매번 강사님의 열정적인 강의와 일대일 피드백과정이 있어 이전에 접해보지 못한 생소한 과정이었음에도 학업의 이해와 습득,활용면에 스스로 많은 발전이 있었습니다. 코딩에 코자도 몰랐던 코알못인데 이렇게 성장할수 있게 해주셔서 감사합니다!
비전공자여서 걱정이 많았어요.비전공자여서 혹시 수업이 버거울까 걱정을 많이했는데 열정적인 선생님 덕분에 무사히 수료하였습니다 학생들 성격이나 취향등도 어떻게 아시는지 잘 알고계셔서 포트폴리오 주제선정에도 어울리는거 추천해주시는거 보면서 되게 세심하다고 생각했어요 감사합니다~~

Portfolio

높은 퀄리티의 포트폴리오는 원하는 기업으로의
취업률을 높여줍니다.
수강 기간 동안 배운 내용을 토대로 나만의
포트폴리오를 구성할 수 있도록 이끌어 드립니다.

[APP 디자인] AutoCheck - 이**..

[APP 디자인] 타실라 - 이**..

[BX 디자인] 마음;샘 - 이**..

[BX 디자인] 숨 흉부의료센터 - ..

커리큘럼

1단계 2D디자인 능력양성 프로그래밍 언어 학습	2단계 프로젝트 기획/설계/구현	3단계 실무 퍼블리셔	4단계 산학협력 실무프로젝트 (업체멘토링)
피그마를 활용한 UIUX디자인 시스템 (115시간)	UIUX 콘텐츠 분석 & 기획 & 설계 (110시간)	프론트엔드 프레임워크 (80시간)	프로젝트 1 ► SW개발기업 업무관리 서비스 반응형웹앱 ► 친화경 카셰어링 모빌리티앱 리뉴얼 (140시간)
프론트엔드 개발 기초 (86시간)	UIUX 콘텐츠 분석 & 기획 & 설계 (110시간)	javaScript와 CSS 3D Transform을 활용한 인트렉티브 웹 구현 (80시간)	프로젝트 2 ► EMS디바이스 AI 헬스케어 앱 (150시간)
프론트엔드 개발 심화 (80시간)	반응형웹/앱 구현 (60시간)	Git & Github (20시간)	프로젝트 2 ► EMS디바이스 AI 헬스케어 앱 (150시간)

상세교육내용

교과목명	세부내용
프론트엔드 개발 기초	1. HTML HTML 기본개념 HTML 기본태그와 역할 시멘틱태그 2. CSS CSS 선택자 스타일속성 Box 스타일 Layout 스타일 반응형웹 Transform & Transition Animation 3. CSS Preprocessor 파일분리와 Nesting Variable Mixin Extend 조건문과 반복문, 함수 sass 컨벤션 미디어쿼리
프론트엔드 개발 심화	1. javaScript 기본 변수 자료형 연산다 조건문 반복문 2. javaScript 함수와 이벤트 함수 재사용 함수 표현식 이벤트와 이벤트처리기 3. javaScript 함수와 이벤트 객체알아보기 자바스크립트 내장 객체 브라우저관련 객체 4. Dom 문서객체모델 DOM요소에 접근하고 속성가져오기 DOM 이벤트처리 DOM 노드추가,삭제
프론트엔드 프레임워크	1. node.js 노드 작업환경,설정 REPL터미널 NPM Callback Function개념 Event Loop HTTP Module 2. React.js 환경설정 JSX 함수컴포넌트, 클래스컴포넌트 HOOK Props State useEffect 웹라이브러리
UIUX 콘텐츠 분석 ＆ 기획 ＆ 설계	1. 요구분석 사용자리서치 UI/UX콘셉트 아이디어도출 태스크분석 디자인 포지션 디자인리서치 2. UI/UX 콘셉트 기획 UI/UX 콘셉트 도출 페르소나 시나리오 3. 콘텐츠 서비스 UX 설계 정보구조설계 플로우차트 와이어프레임 화면설계 스토리보드

교과목명	세부내용
UIUX 디자인시스템	1. 2D그래픽 포토샵 툴 활용 포토샵 실무 일러스트 툴 활용 일러스트 실무 2. 피그마를 활용한 UI디자인 기본 인터페이스 툴기능과 활용 디자인 시안 UI디자인 프로토타이핑 3. 피그마를 활용한 UIUX디자인 시스템 구축 디자인시스템 컴포넌트 형상관리 협업 디자인핸드오프
반응형웹 / 앱 구현	1. Flexible Box Flex기초 flex container Flex item 2. Grid System Grid개념 grid-Container grid-item 3. 반응형 레이아웃 반응형웹 개념 Media Query 섹션전환 레이아웃 모바일 네비게이션 Plan 섹션 플러그인 활용
javaScript와 CSS 3D Transform을 활용한 인트렉티브 웹 구현	1. Mouse 액션 mouse move 값 활용 request Animation Frame transform, translate transition, easing 2. Scroll 애니메이션 패럴럭스개념 scrollTop 스크롤 백분율 가로 ScrollBar 제작 3. 패럴랙스 레이어 세로 스크롤바 디자인 Transform 3D scrollTop, translate 패럴럭스 구현 입체감이 느껴지는 페럴랙스 페이지 구현 4. 플랙스기반 FullScreen 동영상제어 인트로페이지 FullScreen 레이아웃 구성 섹션별 영상컨텐츠 디자인 javaScript 영상제어 인트로,영상플레이 화면구현
Git & Github	1. git 설치와 기본 설정 Git 초기화와 로컬저장소 Git기초명령어 로컬에서 형상관리 2. Github 연동 GitHub 환경설정 로컬과 원격의 상호작용 깃허브 협업 3. Git 고급활용 저장소와 버전관리 원격저장소와 상호작용 Branch, Fork, Slack
프로젝트1	SW개발기업 업무관리 서비스 반응형웹앱 친화경 카셰어링 모빌리티앱 리뉴얼
프로젝트2	EMS디바이스 AI 헬스케어 앱
재량교과	OT, 취업특강, 프로젝트 발표, 수료식

수강생들의 솔직 후기

잘 짜여진 커리큘럼입니다.포토샵, 일러스트레이터부터 HTML, CSS, 제이쿼리, 자바스크립트, UX/UI 디자인까지 다양하게 배울 수 있었던 과정이었습니다. 6개월 과정에 모두 다 배우기엔 방대한 양의 수업이었지만 강사님께서 준비를 철저히 해주시고 커리큘럼을 너무나도 잘 짜놓으셔서 정말 유익하게 잘 배웠던 수업이었습니다.
짧은 기간에 많이 배웠습니다.선생님 덕분에 어려운 과목을 짧은 기간에 정말 많은 과목들을 배울 수 있었고 결국에는 이만큼 만들 수 있어 뿌듯합니다.
학원 선택할 때 고민 많이 했는데기본기없이 시작해 막막했는데도 기초부터 차근차근히 수업내용 또한 너무 이해하기 좋게 가르 쳐주셔서 만족하였습니다. 학원 선택할때 고민을 많이했는데 정말 잘한 선택을 한 것 같습니다. 선생님들 모두 너무 훌륭하시고 잘가르쳐주셔서 감사합니다.
사이트를 만들고 있는 내가 신기해요.코딩이라는 것을 알지도 하지도 못했던 제가 지금은 사이트도 만들고 포트폴리오도 만들고 있다는 사실이 신기합니다. 처음에는 내가 할 수 있을까 걱정이 많았는데 강사님들께서 기초부터 차근차근 하나씩 알려주시고 막히는 부분도 질문을 하면 잘 알려주셔서 자신감도 많이 생기고 걱정도 싹 사라졌습니다
강사님이 매우 적극적이세요.전담교육강사님이 매우 적극적이고 학생들의 배움과정에 일대일로 성실히 진행해주셨습니다. 수업의 질이나 교재의 선정, 강사님에 의한 정보습득, 열성적인 수강생들의 지식공유 등 높은 수준에서 만족스러운 과정이었습니다.
수업 내내 재밌었어요.수업진행하는 내내 재미있었고 좋았어요. 질의도 잘 이루어지고 추천드려요. 덕분에 자격증도 2개나 취득할수 있었고 물론 개인의 노력도 필요한 부분인지라 정말 열심히 했고 만족스러워요.
코딩에 코자도 몰랐는데...5개월 넘는 기간동안 매번 강사님의 열정적인 강의와 일대일 피드백과정이 있어 이전에 접해보지 못한 생소한 과정이었음에도 학업의 이해와 습득,활용면에 스스로 많은 발전이 있었습니다. 코딩에 코자도 몰랐던 코알못인데 이렇게 성장할수 있게 해주셔서 감사합니다!
비전공자여서 걱정이 많았어요.비전공자여서 혹시 수업이 버거울까 걱정을 많이했는데 열정적인 선생님 덕분에 무사히 수료하였습니다 학생들 성격이나 취향등도 어떻게 아시는지 잘 알고계셔서 포트폴리오 주제선정에도 어울리는거 추천해주시는거 보면서 되게 세심하다고 생각했어요 감사합니다~~

Portfolio

높은 퀄리티의 포트폴리오는 원하는 기업으로의
취업률을 높여줍니다.
수강 기간 동안 배운 내용을 토대로 나만의
포트폴리오를 구성할 수 있도록 이끌어 드립니다.

[APP 디자인] AutoCheck - 이**..

[APP 디자인] 타실라 - 이**..

[BX 디자인] 마음;샘 - 이**..

[BX 디자인] 숨 흉부의료센터 - ..

협력업체

부산IT교육센터와 IT기업체 협약기업!

㈜더모모스
(주)아이디노
엔컴(주)
주식회사이지아이앤씨
㈜소나무정보기술
앱툴즈
㈜삼우이머션
㈜게임인스
㈜거상코리아
㈜코어무브먼트
㈜이지아이앤씨
엔컴(주)

※ 채용약정업체의 구인수가 부족하거나 다른 기업체로 취업을 희망하는 경우 엄선된 취업처로 취업지원을 해 드립니다.

수강생들의 솔직 후기

잘 짜여진 커리큘럼입니다.포토샵, 일러스트레이터부터 HTML, CSS, 제이쿼리, 자바스크립트, UX/UI 디자인까지 다양하게 배울 수 있었던 과정이었습니다. 6개월 과정에 모두 다 배우기엔 방대한 양의 수업이었지만 강사님께서 준비를 철저히 해주시고 커리큘럼을 너무나도 잘 짜놓으셔서 정말 유익하게 잘 배웠던 수업이었습니다.
짧은 기간에 많이 배웠습니다.선생님 덕분에 어려운 과목을 짧은 기간에 정말 많은 과목들을 배울 수 있었고 결국에는 이만큼 만들 수 있어 뿌듯합니다.
학원 선택할 때 고민 많이 했는데기본기없이 시작해 막막했는데도 기초부터 차근차근히 수업내용 또한 너무 이해하기 좋게 가르 쳐주셔서 만족하였습니다. 학원 선택할때 고민을 많이했는데 정말 잘한 선택을 한 것 같습니다. 선생님들 모두 너무 훌륭하시고 잘가르쳐주셔서 감사합니다.
사이트를 만들고 있는 내가 신기해요.코딩이라는 것을 알지도 하지도 못했던 제가 지금은 사이트도 만들고 포트폴리오도 만들고 있다는 사실이 신기합니다. 처음에는 내가 할 수 있을까 걱정이 많았는데 강사님들께서 기초부터 차근차근 하나씩 알려주시고 막히는 부분도 질문을 하면 잘 알려주셔서 자신감도 많이 생기고 걱정도 싹 사라졌습니다
강사님이 매우 적극적이세요.전담교육강사님이 매우 적극적이고 학생들의 배움과정에 일대일로 성실히 진행해주셨습니다. 수업의 질이나 교재의 선정, 강사님에 의한 정보습득, 열성적인 수강생들의 지식공유 등 높은 수준에서 만족스러운 과정이었습니다.
수업 내내 재밌었어요.수업진행하는 내내 재미있었고 좋았어요. 질의도 잘 이루어지고 추천드려요. 덕분에 자격증도 2개나 취득할수 있었고 물론 개인의 노력도 필요한 부분인지라 정말 열심히 했고 만족스러워요.
코딩에 코자도 몰랐는데...5개월 넘는 기간동안 매번 강사님의 열정적인 강의와 일대일 피드백과정이 있어 이전에 접해보지 못한 생소한 과정이었음에도 학업의 이해와 습득,활용면에 스스로 많은 발전이 있었습니다. 코딩에 코자도 몰랐던 코알못인데 이렇게 성장할수 있게 해주셔서 감사합니다!
비전공자여서 걱정이 많았어요.비전공자여서 혹시 수업이 버거울까 걱정을 많이했는데 열정적인 선생님 덕분에 무사히 수료하였습니다 학생들 성격이나 취향등도 어떻게 아시는지 잘 알고계셔서 포트폴리오 주제선정에도 어울리는거 추천해주시는거 보면서 되게 세심하다고 생각했어요 감사합니다~~

Portfolio

높은 퀄리티의 포트폴리오는 원하는 기업으로의
취업률을 높여줍니다.
수강 기간 동안 배운 내용을 토대로 나만의
포트폴리오를 구성할 수 있도록 이끌어 드립니다.

[APP 디자인] AutoCheck - 이**..

[APP 디자인] 타실라 - 이**..

[BX 디자인] 마음;샘 - 이**..

[BX 디자인] 숨 흉부의료센터 - ..

FAQ

Q.학생인데 수업 들을 수 있나요?

A. 졸업까지 남은 수업연한이 2년을 초과하는 경우 참여하실 수 있습니다.
(4년제 대학 재학생은 2학년 2학기 종료시점부터, 2년제는 입학시점부터)

Q.국민내일배움카드가 없는데 신청할 수 있나요?

A. 저희 훈련과정에 대한 상담 및 신청을 하신 뒤 국민내일배움카드 발급 신청을 하면 됩니다.

국민내일배움카드 신청은 온/오프라인 두 가지 입니다.
1.온라인: 고용24(https://www.work24.go.kr)에서 카드 신청
2.오프라인: 고용센터 직접 방문하여 카드 신청

Q.기초가 전혀 없는데 참여할 수 있나요?

A. 기초가 없어도, 관련 전공자가 아니어도 훈련 참여 가능합니다.
훈련과정의 참여자 중 전공자의 비중은 대략 10~20%정도 됩니다. 학력 또한 다양하여 고졸 학력이신 분들도 전문 과정에 참여하여 취업으로 연계되고 있습니다.

훈련초기의 난이도는 처음 접하시는 분들에게 다소 생소하고 어렵게 느껴질 수는 있으나 진도를 따라가기가 크게 어렵지는 않습니다.

지원하시는 분들에게는 개강일까지 자택에서 선수학습을 하실 수 있도록 온라인 강좌를 무료로 제공해 드리고 있어 이부분만 시청하고 오시더라도 기초 학습수준은 갖추실 수 있기때문에 너무 걱정하지 않으셔도 됩니다.

Q.나이 제한은 없는가요?

A. 만 15세 이상 만 75세 미만의 구직자라면 국비교육 참여 가능합니다.
다만, 실습 위주의 학습 내용이라 실습을 위한 컴퓨터활용 능력이 없으면 선발하지 않을 수 있습니다.

Q.수강하면 취업할 수 있나요?

A.네. 취업 가능합니다.
저희기관 훈련과정의 취업률은 보통 80~90% 입니다.
취업지원은 저희 캠퍼스별 전문 취업지원팀에서 실시하고 있으며 각 과정의 CM(담임교사)이 함께 도와드리고 있습니다.
특히 취업지원은 취업니즈 조사에 따라 훈련생분의 취업희망 지역, 업종, 업무 등을 고려하여 추천해드리고 있습니다.

Q.타지역에 거주하고 있는데 참여할 수 있나요?

A.네. 참여할 수 있습니다.
* 통학버스나 기숙사는 제공하고 있지 않으니 참고바랍니다.

Q.발급받은 국민내일배움카드로 다른 훈련과정을 들었는데 신청할 수 있나요?

A.참여하는 훈련과정의 종류가 국가기간전략훈련인 경우 1회에 한해서 전액 국비지원으로 참여할 수 있습니다.
훈련 참여 이력 중 국가기간전략훈련이 있는지 확인이 필요하며 이는 고용24 홈페이지나 어플에서 확인하실 수 있습니다.
보다 정확한 건 고용센터에 문의하시면 됩니다.

Q.본인 부담금은 얼마인가요? 교재는 구매해야 하나요?

A. 국가기간전략훈련(장기훈련과정)은 본인 부담금이 없습니다.(전액 지원)
단, 주중 단기 및 주말 과정은 자비부담금액이 발생하며, 정확한 금액은 고용24 에서 확인 가능합니다.
교재는 따로 구매하실 필요 없으며, 무상 제공됩니다.

Q.개인 노트북으로 수업참여할 수 있나요?

A. 네. 개인 노트북으로 수업 참여 가능합니다.

Q.자습이 가능한가요?

A. 네. 평일은 자습이 가능합니다.
광안점 : 오후 5시 30분까지, 서면점 : 오후 6시까지 가능합니다.

(재)부산인재개발원

부산IT교육센터

[K디지털] UI/UX디자인│스마트웹기반 콘텐츠기획과 UXUI디자인 및 웹&앱제작

교육 목표

수강생들의 솔직 후기

Portfolio

커리큘럼

상세교육내용

수강생들의 솔직 후기

Portfolio

협력업체

부산IT교육센터와 IT기업체 협약기업!

수강생들의 솔직 후기

Portfolio

FAQ

Q.학생인데 수업 들을 수 있나요?

Q.국민내일배움카드가 없는데 신청할 수 있나요?

Q.기초가 전혀 없는데 참여할 수 있나요?

Q.나이 제한은 없는가요?

Q.수강하면 취업할 수 있나요?

Q.타지역에 거주하고 있는데 참여할 수 있나요?

Q.발급받은 국민내일배움카드로 다른 훈련과정을 들었는데 신청할 수 있나요?

Q.본인 부담금은 얼마인가요? 교재는 구매해야 하나요?

Q.개인 노트북으로 수업참여할 수 있나요?

Q.자습이 가능한가요?

카피라이트 영역

카피라이트 메뉴

지점 안내