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

과정요약

과정요약
학습시간	34시간	난이도	중급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	24 명
교재정보

과정소개

Vue.js Quick Start
Vue.js Framework Javascript

3대 Front-end Javascript Framework 중에서 (Angular, React, Vue)
가장 늦게 시작했지만, 가장 빠른 속도로 성장하고 있는 Vue.js 🚀

의도적으로 단순함을 지향하는 가벼운 프레임워크이면서도
탁월한 유연성을 가지고 있어, 활용성이 높은 Vue.js의 매력을 느껴보세요 👍 !

📍 과정 핵심 3가지 포인트

✨ Vue의 인기에는 다 이유가 있다!

- 기존의 웹앱 구조를 그대로 두고 일부 화면에만 적용할 수 있어 유연해요!
- 가상 DOM을 지원하여 렌더링 속도도 빠릅니다 🚀

🎁 기초부터 응용까지, 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까지 개발하고 싶은 분

과정목차 17

1 일차
- 1. Vue.js 시작하기
  - 개요, 환경 설정
  - Vue.js 기초(1)
    · 디렉티브
    · 반복렌더링
  - Vue.js 기초(2)
    · 계산형 속성
  - Vue.js 인스턴스
    · 옵션, 메서드
    · 관찰 속성
    · 생명주기
2 일차
- 2. 이벤트 처리
  - 인라인 이벤트, 이벤트 객체
    기본 이벤트, 이벤트 전파, 수식어
- 3. 스타일
  - 스타일 적용, 인라인 스타일
  - CSS 클래스, 컴포넌트 스타일
- 4. 컴포넌트 기초
  - 컴포넌트 작성법
    props와 event
    이벤트 버스 객체 이용
3 일차
- 5. ES2015
  - ES2015 사용 설정
    ES2015 문법
- 6. Vue-CLI
  - 개요, 구성
  - 개발서버 설정, Vue-CLI
- 7. 컴포넌트 심화
  - 단일파일컴포넌트
    슬롯, 스타일
    동적 컴포넌트, 재귀컴포넌트
4 일차
- 8. axios
  - 소개, 기능 테스트
    예제 작성
- 9. Vuex
  - 소개
    상태와 변이
    게터, 액션
    예제 작성 실습
5 일차
- 10. Vue-router
  - 기초,동적 라우트
    중첩라우트, 명명된 라우트
    프로그래밍 방식 라우트, 속성
  - 예제 작성 실습
- 11. 트랜지션 효과
  - 트랜지션 기초, 이벤트 훅
    예제 작성 실습

수강후기 448

평균평점

4.7 / 5.0

5

안*나
2025.03.28

짧은기간동안 심도있게 수업이 진행되어 바로 개발할 수 있도록 도움을 받았습니다
5

김*윤
2025.03.28

내용이 알차고 좋았습니다
5

송*훈
2025.03.28

강사님께서 열정적으로 가르쳐주시고 이번 겨육 과정을 통해 vue에 대한 전반적인 지식을 쌓을 수 있었습니다 강추 !!
5

박*련
2025.01.17

수업 전에 강의 코드가 먼저 제공되면 수업을 이해하는데에 더 도움이 될 것 같습니다. 설명은 꼼꼼하게 잘 해주십니다!
5

장*롬
2025.01.17

기본적인 샘플 코딩도 제공되고 코딩을 바로바로 공유해주셔서 강의 내용에 더 집중할 수 있었습니다. 기초(설정하는 법)부터 자세히 알려주셔서 과정이 더 알찼습니다.

Vue.js Quick Start 관련과정

집합

교재제공

TypeScript 프로그래밍