Vue.js 강좌 목차 (초급자용)

1. Vue.js 소개

• Vue.js란 무엇인가요?
  • 프로그레시브 자바스크립트 프레임워크
  • 가상 DOM과 컴포넌트 기반 개발
  • Vue.js의 장점과 특징
• Vue.js 설치 및 개발 환경 설정
  • Vue CLI 설치 및 프로젝트 생성
• Vue 생태계 소개

728x90

2. Vue.js 기본 개념

• 템플릿
  • Mustache 문법
  • 조건문, 반복문
  • 이벤트 바인딩
• 데이터
  • 데이터 선언 및 변경
  • 계산 속성
  • 감시자
• 컴포넌트
  • 컴포넌트 생성 및 사용
  • props와 events
  • 슬롯
• 라이프 사이클

3. 컴포넌트 심화

• 단일 파일 컴포넌트 (SFC)
• 컴포넌트 조립
• Mixin
• 커스텀 이벤트

4. 상태 관리

• Vuex
  • 상태 관리 패턴
  • Store, State, Mutation, Action, Getter
  • 모듈
• Pinia (선택)

5. 라우팅

• Vue Router
• 라우트 설정
• 네비게이션 가드
• 네비게이션 링크

6. 스타일링

• 스타일 바인딩
• 스타일 클래스 바인딩
• CSS 프리프로세서
• CSS Modules

7. 서버 사이드 렌더링 (SSR)

• SSR의 장단점
• Nuxt.js 소개 (선택)

8. 테스트

• Jest를 이용한 단위 테스트
• 스냅샷 테스트

9. 고급 주제

• 커스텀 지시어
• 컴포지션 API
• TypeScript와 Vue 통합
• Vue 3.x

10. 실전 프로젝트

• 간단한 Todo List 만들기
• 블로그 만들기
• 온라인 쇼핑몰 만들기 (부분 기능)

각 단계별 학습 목표:

• 초급: Vue.js 기본 개념 이해, 간단한 컴포넌트 개발 가능
• 중급: 상태 관리, 라우팅, 스타일링 등을 활용한 웹 애플리케이션 개발
• 고급: SSR, 테스트, 고급 Vue 기능 활용