Frontend 구조도 및 설명

• Vue3: 프론트엔드 개발 프레임워크
• Nuxt: Vue 개발 프레임워크, SSR 적용, SEO 적용, 개발 생산성 증가. 메타데이터, 쿠키 등의 솔루션 또한 제공
• Quasar: 가장 대중적인 Vue UI 프레임워크(Capacitor 지원)
• Vite: 프론트엔드 웹팩, 롤업 등 패키지 관리 프레임워크
• Vitest: Vite에서 제공하는 테스트 라이브러리(Jest와 같은 성격의 통합 테스트 툴)
• Pinia: 글로벌 스토어 라이브러리(Vuex, Redux와 같은 성격)
• Axios: 자바스크립트에서 가장 대표적인 RestAPI 라이브러리
• Capacitor: 아이오닉을 이용해 앱, 웹, PWA 등 거의 모든 프론트 디바이스의 빌드를 지원하는 툴