연락처 정보
 기간 35 시간

코스 개요

핵심 고급 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 Framework

  • Quasar 컴포넌트의 최적화 및 커스터마이징
  • Quasar를 활용한 반응형 및 고성능 UI 구축
  • Quasar와 TanStack, PWA, ServiceWorker의 활용

Vue.js에서의 TypeScript

  • 컴포넌트 및 스토어에 대한 고급 타이핑
  • props, emits, slots에 대한 타입 정의
  • 타입 안전성을 위한 재사용 패턴 및 모범 사례

테스트 및 코드 신뢰성

  • 컴포넌트 및 스토어에 대한 단위 및 통합 테스트
  • 추천 도구 (Vue Test Utils, Vitest 등)
  • 유지보수성 및 테스트 자동화 모범 사례

성능 및 최적화

  • 레이지 로딩, 코드 스플리팅, 리소스 최적화
  • 성능 병목 식별 및 해결
  • Vue.js 애플리케이션 프로파일링 및 미세 조정

교육 자료 및 지원

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

요약 및 다음 단계

요건

  • Vue.js를 활용한 애플리케이션 개발 경험
  • JavaScript, ES6+, REST API에 대한 숙지
  • 프론트엔드 빌드 도구 및 컴포넌트 기반 아키텍처에 대한 기본 이해

대상 수강생

  • Vue.js 경험 있는 프론트엔드 개발자
  • 대규모 Vue 애플리케이션을 구축하는 소프트웨어 엔지니어
  • 아키텍처, 테스트, 최적화에 관한 모범 사례를 추구하는 개발자

참가자 수


참가자별 가격

회원 평가 (3)

예정된 코스

관련 카테고리