멀티캠퍼스

통합검색

검색도우미 기능을 다시 켤때는
검색창에서 검색도우미 열기를 클릭하세요

과정상세

thumbnail image
집합

교재제공 중급

Vue.js Quick Start

4.7

like 136

1,200,000원 (VAT없음)
학습기간
개폐강 확정일 2024.02.23

과정요약

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

과정소개

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

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

  



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


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


업무에 바로 쓰는
실습 코드
기존의 웹앱 구조를 그대로 두고 일부 화면에만 적용할 수 있어 유연하고, 가상 DOM을 지원하여 렌더링 속도도 빠릅니다. 프레임워크 개요만 다루는 다른 교육과는 달리, 34시간동안 기초부터 응용까지 Vue.js 개발에 필요한 모든 것을 알려드립니다. 사무실에 복귀하면 머릿속이 하얘지는 교육 No! 실무에 바로 사용할 수 있는 애플리케이션을 작성해보실 수 있습니다.









 


 

 

학습목표

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

학습대상

  • 가볍고 빠른 웹 애플리케이션을 개발하고자 하는 프론트엔드 개발자
  • 기존 웹애플리케이션을 SPA(Single Page Application)로 개선하시려는 분
  • 향후 Electron이나 Weex를 이용해 데스크톱앱, 모바일UI까지 개발하고 싶은 분
    • 1일차
      • 1. Vue.js 시작하기
        • 개요, 환경 설정 09:00 ~ 10:00
        • Vue.js 기초(1)
          · 디렉티브
          · 반복렌더링 10:00 ~ 12:00
        • Vue.js 기초(2)
          · 계산형 속성 13:00 ~ 14:00
        • Vue.js 인스턴스
          · 옵션, 메서드
          · 관찰 속성
          · 생명주기 14:00 ~ 17:00
    • 2일차
      • 2. 이벤트 처리
        • 인라인 이벤트, 이벤트 객체
          기본 이벤트, 이벤트 전파, 수식어 09:00 ~ 11:00
      • 3. 스타일
        • 스타일 적용, 인라인 스타일 11:00 ~ 12:00
        • CSS 클래스, 컴포넌트 스타일 13:00 ~ 14:00
      • 4. 컴포넌트 기초
        • 컴포넌트 작성법
          props와 event
          이벤트 버스 객체 이용 14:00 ~ 17:00
    • 3일차
      • 5. ES2015
        • ES2015 사용 설정
          ES2015 문법 09:00 ~ 11:00
      • 6. Vue-CLI
        • 개요, 구성 11:00 ~ 12:00
        • 개발서버 설정, Vue-CLI 13:00 ~ 14:00
      • 7. 컴포넌트 심화
        • 단일파일컴포넌트
          슬롯, 스타일
          동적 컴포넌트, 재귀컴포넌트 14:00 ~ 17:00
    • 4일차
      • 8. axios
        • 소개, 기능 테스트
          예제 작성 09:00 ~ 12:00
      • 9. Vuex
        • 소개
          상태와 변이
          게터, 액션
          예제 작성 실습 13:00 ~ 17:00
    • 5일차
      • 10. Vue-router
        • 기초,동적 라우트
          중첩라우트, 명명된 라우트
          프로그래밍 방식 라우트, 속성 09:00 ~ 12:00
        • 예제 작성 실습 13:00 ~ 14:00
      • 11. 트랜지션 효과
        • 트랜지션 기초, 이벤트 훅
          예제 작성 실습 14:00 ~ 16:00

수강후기 136

평균평점

4.7 / 5.0

  • 4
    김*은

    2024.02.02

    짧은 시간에 너무 많은 진도를 나가야 해서 버거웠다
  • 5
    이*옥

    2024.02.02

    과정은 유익했는데 속도 너무 빨랐어요
  • 5
    김*성

    2024.02.02

    빠르게 뷰를 통해 프로젝트를 진행할 수 있도록 과정을 잘 만들어 주셔서 감사합니다.
  • 5
    유*원

    2024.02.02

    vue 에 대한 전반적인 기능을 많은 실습과 함께 훑어볼 수 있어서 vue 로 처음 개발하는 사람들에게 적합합니다. 화면개발이 처음이라 javascript 도 잘 모르는 상태였는데 첫 날 javascript 에 대한 강의도 있어서 많은 도움이 되었습니다. 저희 프로젝트가 vue-cli 기반이라 따로 요청드렸더니 vue-cli, vite 둘다 활용하여 간단히 프로젝트 설정하는 방법을 익힐 수 있던 점도 좋았습니다. composition api 에 대해 좀더 들어보고 싶었는데 시간이 부족하여 관련 실습을 하지 못한 점은 조금 아쉽습니다.
  • 4.5
    이*수

    2024.02.02

    기본적인 자바 지식이 있으면 더 도움될 것 같습니다. 하나도 모른 상태에서 들으니 조금 어렵긴했지만 이후 공부에 큰 도움이 될 것 같습니다.

Vue.js Quick Start 관련과정

thumbnail image
집합

교재제공

thumbnail image
집합

교재제공