Vue.js(뷰)와 React.js(리액트)를 활용한 프론트엔드 웹개발 과정

직업능력개발훈련(국민내일배움카드/사업주지원)

Vue.js(뷰)와 React.js(리액트)를 활용한 프론트엔드 웹개발 과정

현업에서 웹퍼블리셔 실무 경력자와 프론트엔드 개발 초급자 분에게 적합한 과정이며, 프론트엔드 개발 중급의 수준으로 강의가 진행됩니다.
  • 교육과정명
    Vue.js(뷰)와 React.js(리액트)를 활용한 프론트엔드 웹개발 과정
  • 교육기간
    23.10.08 ~ 23.11.19(일요일 7일/56시간)
  • 교육시간
    09:30~18:20 (1일 8시간)
  • 교육비용
    국비지원(0~35% 자비부담)
  • 훈련장려금
    일부 대상자(국민취업지원제도 대상자 등)는 훈련장려금 지급
  • 교육대상자
    국민내일배움카드 발급자 모두(근로자, 구직자, 자영업자, 대학졸업예정자 및 재(휴)학생 등)
  • 문의전화
    직통전화 : 02-2069-1931

[자비 부담금 안내]
1. 국민내일배움카드(구직자+재직자 통합) 발급자
- 일반 훈련생(재직자, 구직자, 자영업자 등 아래 대상외 모두) : 교육비(370,720원) 중 자비부담 35%(129,760원)
- 근로장려금 수급자(EITC) : 교육비(370,720원) 중 자비부담 17.5%(64,880원)
- 국민취업지원제도 II 유형 참여자 : 교육비(370,720원) 중 자비부담 30%(111,220원)
- 국민취업지원제도 I 유형 참여자 : 교육비(370,720원) 중 자비 부담 0%(0원)

2. 사업주 지원훈련(회사 환급)
- 우선적용대상기업(중소기업) : 납부 교육비(370,720원) 중 90% 환급(333,640원)
- 상시근로자 1000명 이하 기업 : 납부 교육비(370,720원) 중 60% 환급(222,430원)
- 상시근로자 1000명 이상 기업 : 납부 교육비(370,720원) 중 40% 환급(148,280원)

3. 비(非) 정부지원 대상자 : 교육비 370,720원 중 자비부담 70%(259,500원)

※ 교육비 이체 계좌 : 기업은행 203-110139-04-010 | ㈜티아이에스정보시스템

교육과정 목표

▶ 교육개요 및 목표
① 응용 소프트웨어 개발에 사용되는 프로그래밍 언어의 문법을 적용하고 라이브러리를 활용하여 기본 응용소프트웨어를 구현하는 능력과 UI 요구사항을 확인하여 설계한 UI 설계를 기반으로 화면을 구현하는 능력을 함양할 수 있다.
② 자바스크립트 언어를 기반으로 Vue.js와 React.js 프레임워크 및 라이브러리를 활용하여 프론트엔드 웹개발의 실무 기술을 바로 적용할 수 있는 능력을 학습한다.

▶ 선행 지식 및 선수 학습 요건 (아래 요건중 1가지 이상)
① JavaScript, jQuery 기초 수준 이상 활용 가능자
② 본원 교육 과정인 “자바스크립트와 제이쿼리를 활용한 인터랙티브 웹개발 과정” 이수자

2022년 해당 직종 직업능력개발훈련 주요 성과 및 실적
  • #직업능력개발훈련
    이수자 평가
    최우수 A등급
    획득!
  • #훈련 성과
    전체 수료율 94.6%,
    취업률 87.5%
    달성!
  • #훈련생 만족도
    평균 4.7점
    (5점 만점)
    획득!
교육기간 및 일정
교육기간(일정)
2023. 10. 08(일) ~ 2023. 11. 19(일) (7주/7일/56시간, 매주 일요일 7일)
교육시간
09:30~18:20 (1일 8시간) 점심시간 : 12:20~13:20 (60분)
강의실
3강의실
정원
26명
실제 교육 세부 커리큘럼
교과목 단원 세부내용
프론트엔드 웹개발 실무 Vue.js
  • Vue,js 프레임워크의 소개, 특징과 장점
  • 개발 환경 설정, Vue,js 설치 및 기본 기능과 옵션
  • Vue 인스턴스, 컴포넌트, 메서드, 속성, 이벤트 처리
  • 텍스트와 속성 데이터 바인딩, DOM
  • 템플릿과 제어 디렉티브, 프로젝트 구성
  • 이벤트와 입력 양식
  • 컴포넌트 정의 및 활용, CSS 모듈, 슬롯 사용
  • 트랜지션과 애니메이션
  • 데이터 모델링, API 사용과 테스트
  • 큰 규모의 애플리케이션 개발, Vue CLI, 플러그인
  • Vue 개발을 위한 웹팩, ES6, NPM
  • Vuex 이용한 애플리케이션 상태 및 변이 관리
  • Vue Router로 SPA와 네비게이션 만들기
React.js
  • React.js 라이브러리의 개요, 특징과 장점
  • 개발 환경 설정, 개발 도구 및 에디터 설치
  • JSX 코드 이해와 문법, ESLint와 Prettier 적용
  • React 엘리먼트 생성, 매개변수, 엘리먼트 렌더링
  • 이벤트 핸들링, ref와 DOM 사용
  • React 컴포넌트 생성, 컴포넌트에서 다른 라이브러리 사용
  • 컴포넌트의 라이프 사이클 메서드, 컴포넌트 업데이트
  • Jest를 사용해 React 애플리케이션 테스트
  • Flux를 사용한 React 아키텍처 향상
  • 애플리케이션의 유지보수, 컴포넌트 리팩토링
수료 후 진로(직업)
  • 프론트엔드 개발자
  • 웹개발자
  • UI/UX엔지니어
훈련교사 소개
용세중
강의 경력
  • 현)TIS정보기술교육센터 응용SW 및 웹개발(프론트엔드&백엔드), Python 등 강의
  • 더조은컴퓨터학원 JAVA, 웹개발(프론트엔드, 백엔드) 구직자 및 재직자 과정
  • 이젠컴퓨터학원 JAVA 및 웹개발 구직자 과정, 프론트엔드 재직자 과정
  • 솔데스크IT학원 JAVA 및 웹개발 구직자 및 스프링 재직자 과정
  • 기타(자격사항) 직업능력개발훈련교사, 정보처리기사, 전기기사 등
실무 경력
  • 한미 IT 유통 관리 및 바코드 시스템 구축, 한미약품 의약품 유통관리 시스템 구축
  • LIG 시스템 국회 본회 의장 및 국회 유지보수 센터 시스템 개발
  • KT DS KT IaaS, SaaS 솔루션 개발
  • LG CNC LIG 손해 보험 교육 시스템(인재니움)
  • SK C&C SK 건설 포탈 구축(SK 전자 결제 시스템)
교육리뷰(만족도 및 수강후기)
만족도
평균만족도
4.9

수강인원
16

평가인원
14

평가참가율
87.5%

  • 만족도 결과는 구직자(일반 또는 국가기간전략산업직종) 훈련생을 대상으로 한 만족도 결과입니다.
  • 근로자 훈련생 기준 만족도평가 결과만 있는 경우 각 항목별(9가지) 만족도 정보는 0점으로 표기됩니다.
전반적 만족도(5점)
(4.9)
훈련내용(5점)
(4.9)
훈련교사(5점)
(4.9)
훈련방법(5점)
(4.9)
시설장비(5점)
(4.9)
취업지원(5점)
(4.3)
행정서비스(5점)
(4.8)
훈련수준(3점)
(2.8)
훈련성취도(4점)
(3)
수강후기

지식도 풍부하시고 초보자 수준에서 잘 가르쳐주세요 책임감도 높으시고요~! 여태까지 내일배움카드로 들은수업이 4개 되는데 수강평 남긴적은 처음입니다~ 그만큼 최고최고 감사합니다 강사님!

유익한 시간이었습니다.

강사님의 강의나 수업 내용에 대체적으로 만족합니다

쉬는시간까지도 열정적인 강의를 보여주셨으며, 대면수업이였지만 녹화를 떠서 계속적인 복습이 가능하도록 도움을 주셨습니다. 추후에도 다른과목으로 들을수있는 기회가 있다면 듣고싶을정도

다음에도 강사님 강의가 있다면 또 듣고싶네요. 감사합니다.

선생님이 열정적이심

준비를 정말 많이하신게 느껴지고, 1:1피드백도 잘이루어져서 개개인의 수준에 맞추어 잘 진행된 강의였다고 생각합니다. 단순히 코드를 따라하는 수업이 아니라 준비된 소스코드와 수업시간에 진행하는 과제에 따라Vue와 React 대해 세세히 파악할 수 있는 커리큘럼이었기 때문에 강의의 질이 무척 좋다고 느껴졌습니다. 실무에 도움이 되는 정보를 많이 얻은 강의였습니다.

짧은 시간동안 많은 내용을 전달하는 상황속에 잘 짜여진 커리큘럼과 준비된 수업자료로 양질의 수업을 받을 수 있었습니다.

독학으로는 조금 어려울 수 있는 내용들을 '기본 지식을 다진다'는 느낌으로 수업에 참여하면 만족할 수 있을 것 같다.

강사님이 실무 경험이 많으신 것 같습니다. 단계별로 알려주시고 개념을 잘 설명해주셔서 이해하기 쉬웠습니다. 현업에 적용할만한 부분이나, 현재 사용 트렌드 등을 함께 설명해주셔서 실무에 적용하는데 도움이 많이 되었습니다. 강추합니다.

교육생 혜택 및 지원
  • #교육비용
    국비지원(0~35% 자비부담)
  • #훈련장려금 지원
    지원 대상별 상이
  • #무상지원
    교재, PC 및 장비, 소프트웨어 등 무상지원
  • 현 기술 트렌드에 맞춘 현장 실무 중심 교육
  • 현업 프론트엔드 개발자 직강 강의
  • 교육비 국비지원
  • PC, 장비 및 기자재 무상지원
교육대상 및 선발요건
  • 국민내일배움카드(구직자+재직자 통합) 발급 가능자 모두
  • 재직 근로자(일정 소득 및 매출 이하의 특수고용근로자, 자영업자도 정부지원 가능)
  • 구직자(실업자 및 미취업자)
  • 대학(대학원) 졸업예정자, 대학(대학원) 재학생 및 휴학생으로서 졸업까지 남은 수업연한이 2년 이내인자
    • 야간대, 사이버대, 방통대학교 학생은 위 요건과 관계없이 정부지원 가능
    • 현재 고용보험 가입중인 근로자인 학생은 위 요건과 관계없이 정부지원 가능
  • 고용노동부 국민취업지원제도 참여자 및 대상자
  • 기타(문의) : 02-2069-1931
    • 정부지원 자격대상이 안되시는 분은 자비로 참여 가능 합니다.(교육비 일부 할인 적용 가능)
개강전 준비 절차 및 서류
  • 개인 지원 : 국민내일배움카드 발급(필수), HRD-Net(www.hrd.go.kr) 에서 수강 신청(필수)
  • 사업주(회사) 지원 : 훈련위탁계약서(본원 양식), 사업자등록증 사본 등
  • 서류 및 신청 절차 문의 : 02-2069-1931
HRD-Net(www.hrd.go.kr) 사이트 에서 해당 교육 과정을 조회/신청 하고자 하실 때는 국민내일배움카드훈련과정 페이지에서 아래중 1가지를 선택하여 조회 하시면 됩니다.
  • 훈련 기관명으로 조회 : 한글로 "티아이에스정보기술교육센터" 로 조회
  • 훈련 과정명으로 조회 : "Vue.js(뷰)와 React.js(리액트)를 활용한 프론트엔드 웹개발 과정" 으로 조회
훈련진행 전체 프로세스
  • 국민내일배움카드 발급
    국민내일배움카드 발급 (필수)
    HRD-Net(www.hrd.go.kr)에서 인터넷 신청
    또는 관할고용센터 방문 신청
  • 수강 신청
    HRD-Net(www.hrd.go.kr) 에서 수강신청(필수)
    전화 또는 본원 홈페이지에서 신청(선택)
  • 개인부담금 결제
    담당자가 신청자에게 개강 확정 여부 고지
    개강 확정 시 개인부담금 결제 진행
  • 교육 수강 및 수료 독려
    담당자의 출결 및 수료에 대한 독려
    (해당 교육은 수료율이 중요함)
  • 수료증 발급
    수료증 발급(총 교육시간의 80%이상 이수)
GREETING