멀티캠퍼스

통합검색

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

과정상세

[Core] 따라하며 배우는 Vue.js 실무

thumbnail image
집합

교재제공 중급

[Core] 따라하며 배우는 Vue.js 실무

0

like 0

750,000원 (VAT없음)

과정요약

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

과정소개

본 과정은 2일동안 강사와 함께 ToDoList 웹어플리케이션을 만들며 Vue.js를 실무에 활용하는 법을 알아보는 프로젝트 중심의 Vue.js 단기속성 과정입니다. 카카오도, 네이버 개발자도 사용하는 사용하기 쉬운 프론트엔드 프레임워크인 Vue.js를 멀티캠퍼스에서 2일만에 빠르게 마스터하세요.

학습목표

  • Vue.js 프로젝트 개발 실습을 통해 Vue.js의 핵심 개념을 이해할 수 있다.
  • Webpack을 활용하여 효과적인 개발 환경을 구축하고 배포 파일을 생성할 수 있다.
  • Router를 이용해 효과적으로 관리되는 SPA를 개발할 수 있다.
  • Vuex를 활용하여 디버깅이 용이하고 투명한 상태 관리가 가능한 웹애플리케이션을 구현할 수 있다.

학습대상

  • JavaScript(ES6+)를 사용할 수 있는 개발자 중 Vue.js를 배워보고 싶은 개발자
  • 현업에서 Vue.js를 사용하고 있지만 작성한 코드가 왜/어떻게 동작하는지 확신이 없는 개발자
  • 빠른 시간 안에 Vue.js프로젝트를 경험해보고 싶은 개발자
  • 기존 웹애플리케이션을 SPA(Single Page Application)로 개선하고자 하는 개발자

과정목차 16

  • 1 일차
    • 1. 환경 세팅하기
      • 강사소개, 교육 결과물 안내(ToDoList)
        프로그램 설치 및 세팅(VSCode)
    • 2. 프로젝트 생성하기
      • Vue.js 개발환경 세팅(Node, Webpack, Vue.js)
    • 3. Vue.js 기초 문법 살펴보기
      • Vue.js 프로젝트 생성
        Build를 이용한 배포 파일 작성
      • 기본 지시자 학습(1)
      • 기본 지시자 학습(2)
    • 4. 할일 목록 만들기
      • 할일 목록 만들기
      • 상태관리 변수 등록하기
        method 구현하기
      • method와 computed(계산된 속성)의 차이
  • 2 일차
    • 5. 데이터 전달하기
      • 할일 목록의 세부 리스트(하위컴포넌트)에 데이터 전달 하기
      • 세부 리스트에서 할일 목록(상위컴포넌트)으로 데이터 전달 하기
    • 6. 데이터를 하나로 관리하기
      • 상태관리를 위한 vuex 설치하기
        store 파일 작성하기
      • 할일 목록을 vuex 이용해서 구현하기
    • 7. 여러 페이지를 하나의 페이지로 묶기
      • SPA 구현을 위해 Router Module 설치하기
        index.js 파일 생성하기
      • 라우터를 사용하는 이유
        path 설정 및 값 전달
      • 하위 라우터 구현하기
      • 초기 진입속도 향상을 위한 Lazy loading

수강후기 0

평균평점

0 / 5.0

  • 등록된 수강후기가 없습니다

[Core] 따라하며 배우는 Vue.js 실무 관련과정

thumbnail image
집합

교재제공