Vue JS를 활용한 프론트엔드 개발

March 17, 2021

목표

  • Vue 와 ECMAScript 6 을 활용하여 단일 페이지 프론트엔드 개발을 할 수 있다.
  • Router 를 활용 하여 다수의 화면 컨트롤 할 수 있다.
  • Vuex 를 활용하여 클라이언트 상태 관리를 할 수 있다.
  • MVC, MVVM 패턴의 차이를 이해 하고 개발 할 수 있다.
  • Vue OpenSource 를 활용 할 수 있다.
  • Axios 라이브러리를 활용하여 REST API 와 통신 하는 웹을 개발 할 수 있다.
  • Vue & Nuxt 를 활용한 JamStack 기반 블로그를 개발 할 수 있다.

커리큘럼

1주차 : Javascript 기본

2주차 : Vue.JS - 인스턴트/컴포넌트

  • Vue JS 이해 및 환경설정
  • 인스턴스 & 컴포넌트 소개
  • Vue 인스턴스의 유효 범위
  • Vue 인스턴스 옵션 속성
  • Vue 인스턴스 라이프 사이클
  • 컴포넌트 등록
  • Vue 컴포넌트 정의
  • Vue 컴포넌트 통신

3주차 : Vue.JS - 라우터 / Vuex

  • Vue Router 설치 및 설정
  • 동적 Router 매칭
  • 중첩된 라우트 사용
  • Redirect / Alias
  • 히스토리 관리
  • 프로젝트 생성도구 (Vue CLI)
  • Vuex의 개념 및 구조의 이해
  • Vuex 설치 및 등록
  • State, Mutations, Actions, Getters 이해 및 활용
  • 헬퍼 함수
  • Vuex는 저장소(store) 속성 및 모듈화

4주차 : Vue & Nuxt 로 만드는 정적 블로그

  • Netlify 란?
  • Vue 와 Nuxt
  • JamStack 의 이해
  • JAMStack 기반 블로그 개발

5주차 : Vue & Nuxt 로 만드는 정적 블로그 개발 리뷰

  • JamStack 기반 블로그 개발 리뷰

Written by Jeon Byung Hun 개발을 즐기는 bottlehs - Engineer, MS, AI, FE, BE, OS, IOT, Blockchain, 설계, 테스트