멀티캠퍼스 :: 과정상세보기

과정요약

과정요약
학습시간	09:00 ~ 17:00 ( 34시간 )	난이도	중급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	20 명
교재정보
강사명	신성진

과정소개

Vue.js Quick Start
Vue.js Framework Javascript

본 과정은 Vue.js 입문자를 대상으로
단계별로 기초 이론부터 ⏩ 고급 개념까지 체계적으로 학습할 수 있는 과정입니다 !

Vue 프로젝트를 위해 기초적인 상태 관리부터 시작해서
복잡한 실무 개념을 학습하도록 구성하였습니다.

🙆‍♀️🙆‍♂️ 학습자 실제 후기
(박**) ★★★★★
vue 프로젝트 목적 교육이 필요하여 수강하였고 잘 수강하였습니다.

📍 과정 핵심 3가지 포인트

😎 누적 후기 160개 이상 전문 강사님과 함께

- Vue.js 강의에만 160개 이상의 후기를 보유한, 프론트엔드 전문가가 강사로 참여해요!
- Vue.js를 처음 배우시는 분들도 부담없이 수강할 수 있어요 :)

- 🔍 (이**) 상세하게 잘 알려주시고 많이 알려주시려고 해주셔서 좋았습니다.
- 🎁 (정**) 강사님이 어려운 내용도 열심히 알려주셔서 좋았습니다.
- 💪 (최**) 선생님이 자세하게 알려주셨습니다. 프론트를 처음 했지만 뷰에 대해 잘 알게되어 너무 좋습니다!

🎁 기초부터 응용까지, Vue의 A to Z

- 프레임워크 개요만 다루는 다른 교육과는 달라요 🙅‍♀️🙅‍♂️
- 34시간 동안 기초부터 응용까지, Vue.js 개발에 필요한 모든 것을 알려드립니다.

💻 업무에 바로 쓰는 실습 코드

- 사무실에 복귀하면 머릿속이 하얘지는 교육이 아니에요 🙅‍♀️🙅‍♂️
- 실무에 바로 사용할 수 있는 애플리케이션을 작성해 볼 예정입니다.

📍 과정 실제 후기 (페이지 하단에서 더 많은 후기를 만나보세요 👀)

👍 최OO
- 타이핑을 못따라가거나 할 때도 툴을 이용하여 바로바로 공유가 되게 해주셔서 강의를 따라가기가 쉬웠습니다.
- 프론트를 처음 했지만 뷰에 대해 잘 알게 되어 너무 좋습니다! (⭐⭐⭐⭐⭐)

💥 박OO
- 업무 시 부족했던 vue.js 전반에 대해 이해할 수 있었습니다. (⭐⭐⭐⭐)

💻 이OO
- 실제 업무 중에 활용할 수 있는 스킬들도 설명해주시고
- 항상 예시를 들어주셔서 이해하기 쉬웠습니다. (⭐⭐⭐⭐⭐)

📍 과정 참고 사항

- Javascript 문법이 익숙하지 않으신 분들께는 아래 과정 선수강을 추천드립니다!
- 선수 과정 : 객체지향 Javascript 기본 (바로가기)

학습목표

Vue를 이용해 컴포넌트 기반의 SPA구조의 웹애플리케이션을 개발할 수 있다.
Webpack을 활용하여 효과적인 개발 환경을 구축하고 배포 파일을 생성할 수 있다.
라우팅 기능을 이용하여 SPA 기반의 웹애플리케이션을 개발할 수 있다.
Vuex를 활용하여 디버깅이 용이하고 투명한 상태 관리가 가능한 웹애플리케이션을 구현할 수 있다.
axios를 이용해 서버와 통신하는 웹애플리케이션을 손쉽게 개발할 수 있다.

학습대상

가볍고 빠른 웹 애플리케이션을 개발하고자 하는 프론트엔드 개발자
기존 웹애플리케이션을 SPA(Single Page Application)로 개선하시려는 분
향후 Electron이나 Weex를 이용해 데스크톱앱, 모바일UI까지 개발하고 싶은 분

- 1일차
  - OT 및 환경 세팅
    - 교재 안내
      프로그램 설치 및 세팅 09:00 ~ 10:00
  - NPM
    - VSCode 설정
      NPM 사용 방법 10:00 ~ 11:00
    - NPM 사용 방법 11:00 ~ 12:00
  - Module
    - ESM Module 13:00 ~ 14:00
  - Webpack
    - Webpack을 이용한 bundle 14:00 ~ 15:00
  - Vue Component
    - 프로젝트 생성 - Vite
      Component 생성 15:00 ~ 16:00
    - 보간법(interpolation) 16:00 ~ 17:00
- 2일차
  - Vue Component
    - Attribute, DOM 제어 09:00 ~ 10:00
    - Methods, Computed 10:00 ~ 11:00
    - Watch, Life Cycle 11:00 ~ 12:00
    - Event 13:00 ~ 14:00
    - Form
      DOM 참조, Array과 Object 조작 14:00 ~ 15:00
  - Style
    - CSS 사용 15:00 ~ 16:00
    - styled, module의 이용 16:00 ~ 17:00
- 3일차
  - Data
    - Props 09:00 ~ 10:00
    - Emit 10:00 ~ 11:00
    - 예제를 이용한 데이터 전송 차이점 비교 11:00 ~ 12:00
    - 예제를 이용한 데이터 전송 차이점 비교 13:00 ~ 14:00
    - Provider/Inject 14:00 ~ 15:00
    - Slot 15:00 ~ 16:00
    - Dynamic Component, Teleport 16:00 ~ 17:00
- 4일차
  - Axios
    - Promise 09:00 ~ 10:00
    - Axios 10:00 ~ 11:00
    - Modal을 이용한 페이지 구성 예제 11:00 ~ 12:00
  - Router
    - Router의 이용 13:00 ~ 14:00
    - path 설정 Link 설정, Data 전달 14:00 ~ 15:00
    - Lazy load 15:00 ~ 16:00
    - Guard 설정 16:00 ~ 17:00
- 5일차
  - Vuex
    - 설치 및 기본 설정
      Component에 적용 09:00 ~ 10:00
    - Store 통합 10:00 ~ 11:00
  - Axios - Router - Vuex
    - Router 설정
      절대패스 11:00 ~ 12:00
    - proxy 설정
      Axios CRUD 13:00 ~ 14:00
    - pagination
      vuex 연동 14:00 ~ 15:00
  - Composition
    - Composition API 살펴 보기 15:00 ~ 16:00

수강후기 175

평균평점

4.8 / 5.0

5

나*호
2025.05.23

정신 없지만 나름 만족스럽다
5

이*희
2025.05.23

기본 자바스크립트 일부를 커버하여 좋았으나, 교육 범위가 너무 넓음 교육기간 5일에 맞게 조금 조정할 필요가 있음
5

홍*표
2025.05.23

백엔드 개발자로서 프론트엔드에 대한 지식을 얻고 싶어서 가벼운 마음으로 왔지만 생각보다 깊은 내용과 전문 지식에 대해 학습 해주셔서 감사합니다.
5

민*화
2025.05.23

강사님의 실력은 뛰어나심 교육시간이 빠듯한점이 아쉽습니다
4.5

육*명
2025.05.23

열정잇게 가르쳐 주십니다.

Vue.js Quick Start 관련과정

집합

교재제공

ReactJS 프로그래밍

집합

교재제공

TypeScript로 배우는 웹앱 개발