Vue 개발 구성 조합

Vue + Vite + Typesript + Mixin + Pinia + Axios + Vue-Router + Lit-Html

 

- Vue 3 : Option API 또는 Composition API. React 나 다른 F/W 도 좋긴 함

- Vite 5 : Dev 또는 Bundler. Webpack 도 쓰이긴 하지만, Vite 퍼포먼스 보면 끝

- Typescript 5 : 귀찮긴 해도 안정적

- Mixin 0 : methods 만 사용 추천. Composable 은 Composition API 인 경우 사용

- Pinia 2 : 캐시 또는 전역 데이타. 브라우저 Storage 연계 플러그인 존재. Vuex 는 deprecated

- Axios 1 : 서버 비동기 연계

- Vue-Router 4 : SSR

 

- JSX : 랜더함수. lit-html 추천.

- Babel : 크로스브라우징 해결사. ECMAScript 2015+ 코드를 이전 방식으로 번역
               Vite 는 딱히 필요 없고, Webpack 인 경우 사용

- ESLint : 코드 품질과 일관성

- Prettier : 코드 가독성(보기 좋고 예쁘게). 평소에 작업하던 코딩 스타일과 다를 수 있음