Vue 시작하기
개인적으로 회사에 취업에 성공하고 중심 기술 스택이 vue라서 학습하기로 결정했습니다.
갖고 있는 특징이라고 하면 SPA 중 난이도가 낮다고 합니다. 프론트엔드 개발자로서 그것은 잘 모르겠습니다. 하지만 리액트보다 좋은 점들이 있습니다. 컴포넌트 관심사 설계가 잘 되어 있습니다.
학습리소스
최신 방법으로 설치하기(Modern install)
pnpm create vite .
작업할 폴더에서 위 명령하기 바랍니다.
-
Select a framework: › Vue
-
Select a variant: › Customize with create-vue ↗
-
Package name: …
알아서 작명 -
TypeScript? … No / Yes
-
JSX Support? … No / Yes
-
Vue Router for Single Page Application development? … No / Yes
-
Pinia for state management? … No / Yes
-
Vitest for Unit Testing? … No / Yes
-
an End-to-End Testing Solution? › Cypress
-
ESLint for code quality? … No / Yes
-
Prettier for code formatting? … No / Yes
위처럼 마법사에서 선택하기 바랍니다.
타입스크립트, Vue Router, Pinia, Vitest, Cypress를 기술 스택으로 선택하기 바랍니다. 꽤 안정적이라는 느낌이 드는 강력한 조합입니다. 여기에 Axios만 추가로 설치해주면 충분할 것입니다. 조금더 통신에 대한 상태관리를 정교하게 하고 싶으면 VueQuery를 추가하면 됩니다.
pnpm i axios
pnpm i vue-query
Nuxt를 사용하고 있지 않으면 위 설치는 나름 고려해볼 만할 것입니다.