프론트엔드 도구의 전략적 선택: 경량 프레임워크 Vue.js 탐구와 Vue3 적용기

Vue.js 전략적 채택 및 특징

• React 대비 경량 프로젝트에 Vue.js 채택 (한컴싸인 백오피스). 로딩/메모리 효율성 이점.
• 선언적 렌더링, 반응성, SFC로 효율적 UI 개발, HMR, 직관적 템플릿 문법 제공.

Vue3 전환과 Composition API

• Vue2 지원 종료로 Vue3 전환. Composition API로 로직 응집, 컴포저블 재사용, 타입 추론, 번들 크기 감소.
• Provide/Inject 활용, props drilling 해결 및 간결한 전역 상태 관리 플러그인 구현.

Vite 도입으로 개발 환경 개선

• Vue CLI 대신 Vite를 공식 빌드 도구로 채택. Native ES Module 기반 빠른 개발 서버, HMR, Esbuild를 통한 빌드 성능 향상.