가장 쉽게 배우는 Vue.js, 기초부터 실무까지
과정정보
강사 박성재 학습난이도 초급
총 학습시간 17시간 강의수 17강
복습기간 30일 정원 500명
교재 없음
접수기간 접수기간이 아닙니다
정가
환급액

189,000원

대기업 16,157원 | 중견기업 32,314원 | 우선지원기업 36,353원
총 결제액 소속된 기업 규모에 따라 총 결제액이 달라질 수 있습니다.
고객센터(02-566-3700)나 기업문의 게시판으로 문의 바랍니다.
사업주지원 수강 유의사항
  • 사업주지원 과정은 수료한 인원에 한해 환급비용 혜택을 받을 수 있습니다.
  • 사업주지원 과정 수료기준은 입니다.
관심강의 샘플강의 수강신청

강의소개

강의정보

학습개요 가장 쉽게 배우는 Vue.js, 기초부터 실무까지

다양한 프로젝트를 통해 Vue 기초부터 실무까지 모두 해결해보세요!

꼭 알아야 할 Vue 핵심내용부터,
Vue.js 웹 개발에 도움을 주는 연관 프로그램/언어까지,
커리큘럼에 포함하고 있습니다.
학습목표 1. Vue.js의 기초문법을 올바르게 이해하고, 정확하게 실무에서 활용할 수 있다.
2. Option API와 Composition API 사용법을 익히고, 이를 적절하게 활용할 수 있다.
3. 중앙집중식 상태관리 라이브러리 Vuex와 Pinia 사용법을 익히고, 웹을 업그레이드 할 수 있다.
4. Atomic Design Pattern을 통해 UI 컴포넌트를 극대화 시켜, 퀄리티 높은 웹을 개발할 수 있다.
학습대상
  • 1. Vue.js로 나만의 웹을 만들어 보고 싶은 모든 직장인
  • 2. 프론트엔드 개발자

강사이력

해커스HRD Vue.js 대표 강사
현) 지에스아이엘 개발자 근무
하나금융그룹 DT 교육 진행
9Diin IT/코딩 유튜브 채널 운영

강의목차

환급과정 강의계획서
  • 번호 강의명
    1강처음 만나는 Vue.js
    • Vue.js
    • [실습] Vue.js 준비하기
    • [실습] 라이프사이클, 데이터 바인딩
    2강Vue 핵심 문법 정복하기!
    • [실습] Vue 핵심문법 활용하기 1
    • [실습] Vue 핵심문법 활용하기 2
    • [실습] Vue 핵심문법 활용하기 3
    3강Vue Router
    • [실습] Vue Router 공식문서 정복하기
    • [실습] Vue Router 설정하기
    4강컴포넌트
    • [실습] 컴포넌트 활용하기
    • [실습] Slot을 통한 컴포넌트 테스트하기
    • [실습] 데이터 prop을 통해 동적 컴포넌트 관리하기
    5강오픈 웨더 API를 활용한 날씨 웹 만들기 1
    • Atomic Design Pattern
    • [실습] 디자인 패턴 설계하기 1
    • [실습] 디자인 패턴 설계하기 2
    6강오픈 웨더 API를 활용한 날씨 웹 만들기 2
    • [실습] Open Weather API 연동하기
    • [실습] API 데이터 바인딩
    • [실습] Dayjs 플러그인 사용하기
    7강Map API를 활용하여 지도 띄워보기
    • [실습] MAP API 활용 전 준비하기
    • [실습] MAP API 활용하기 1
    • [실습] MAP API 활용하기 2
    8강Vuex
    • Vuex
    • [실습] store 관리하기
    • [실습] store 활용하기
    9강오픈 웨더 API를 활용한 날씨 웹 만들기 3
    • [실습] 이벤트 핸들링하기 1
    • [실습] 이벤트 핸들링하기 2
    • 컴포지션 API
    • [실습] 컴포지션 API 리뉴얼하기
  • 번호 강의명
    10강컴포지션 API, 더 나아가기
    • [실습] 컴포지션 API 핵심문법 활용하기
    • [실습] 컴포지션 API & TypeScript 활용하기
    11강Vue 업그레이드, Pinia
    • Pinia
    12강실시간 데이터 조회 웹 만들기 1 [Chart.js]
    • [실습] 프로젝트 환경설정
    • [실습] 타입스크립트 환경설정
    • [실습] 웹 퍼블리싱하기
    13강실시간 데이터 조회 웹 만들기 2 [Chart.js]
    • [실습] Chart.js로 차트 그리기
    • [실습] 실시간 데이터 조회 기능 개발하기
    • [실습] Chart.js 데이터 바인딩
    14강실시간 데이터 조회 웹 만들기 3 [Chart.js]
    • [실습] 검색 기능 개발하기
    • [실습] 필터 버튼 제작하기
    • [실습] 웹 프로젝트 배포하기
    15강Final Project: DashBoard 만들기 1
    • [실습] 대시보드 프로젝트 환경설정
    • [실습] UI 디자인 설계하기
    • [실습] 페이지 라우팅
    16강Final Project: DashBoard 만들기 2
    • [실습] 대시보드 퍼블리싱 하기 1
    • [실습] 대시보드 퍼블리싱 하기 2
    • [실습] 대시보드 퍼블리싱 하기 3
    17강Final Project: DashBoard 만들기 3
    • [실습] API 연동하기
    • [실습] 대시보드 차트 구현하기
    • [실습] 대시보드 업그레이드
    • [실습] Vue 최종점검

정보보호 관리체계 인증서

ISMS 인증서