코스 개요

핵심 고급 Vue.js 개념

  • 고급 구성요소 생명주기
  • props, emits, 사용자 정의 이벤트의 고급 처리
  • ref, computed, effect, watch 등에 대한 고급 반응성
  • 라우트 제어 및 네비게이션 가드

Pinia를 사용한 확장 가능한 상태 관리

  • Pinia를 이용한 확장 가능한 아키텍처
  • 고급 구성과 스토어 모듈화
  • 전역 및 로컬 데이터 관리에 대한 최선의 방법

API 통합 및 데이터 계층 설계

  • 전역 및 사용자 정의 Axios 구성
  • 인터셉터와 오류 처리의 고급 사용법
  • Pinia와 구성요소와의 통합
  • API, 스토어, UI 구성요소 간의 데이터 흐름

현대 Vue 개발 워크플로

  • Vue.js 프로젝트를 위한 고급 Vite 구성
  • 플러그인 통합 및 빌드 최적화
  • 개발/테스팅/프로덕션 환경에 대한 최선의 방법
  • 프로덕션을 위한 환경 변수 (Vault), CI/CD
  • 코드 품질: ESLint, Prettier, SonarQube 설정 및 통합
  • 자동 포맷팅 및 정적 분석 최선의 방법

프레임워크 전문성: Quasar 프레임워크

  • Quasar 구성요소의 최적화 및 사용자 정의
  • Quasar를 이용한 반응형 및 성능이 뛰어난 UI 구축
  • TanStack, PWA, ServiceWorker와 Quasar 사용

Vue.js에서 TypeScript

  • 구성요소 및 스토어에 대한 고급 타이핑
  • props, emits, slots의 타입 정의
  • 타입 안전성을 위한 재사용 가능한 패턴 및 최선의 방법

테스팅과 코드 신뢰성

  • 구성요소와 스토어에 대한 단위 테스트 및 통합 테스트
  • 권장 도구 (Vue Test Utils, Vitest 등)
  • 유지 관리성과 자동화된 테스팅에 대한 최선의 방법

성능과 최적화

  • 지연 로딩, 코드 분할, 리소스 최적화
  • 성능 병목 현상의 식별 및 해결
  • Vue.js 애플리케이션의 프로파일링 및 세부 조정

자료 및 지원

  • 각 모듈별 포괄적인 문서와 예제
  • 녹화된 자료나 온라인 리소스에 대한 접근 권한
  • Q&A 및 교육 후 구현 지원

요약 및 다음 단계

요건

  • Vue.js로 애플리케이션 개발 경험이 있음
  • JavaScript, ES6+, REST APIs에 대한 이해도
  • 프론트엔드 빌드 도구 및 구성요소 기반 아키텍처에 대한 기본적인 이해

대상자

  • 이전 Vue.js 경험을 가진 프론트엔드 개발자
  • 대규모 Vue 애플리케이션을 구축하는 소프트웨어 엔지니어
  • 아키텍처, 테스팅, 최적화에 대한 최선의 방법을 찾는 개발자
 35 시간

참가자 수


참가자당 가격

회원 평가 (4)

예정된 코스

관련 카테고리