이제 제목과 같은 게임을 만들어보자. https://www.youtube.com/watch?v=rhZpF8H66RI&list=PLZzSdj89sCN38KeadQVtiha8gZ-KGpTOC 먼저 이번 소스는 위의 영상에서 소개하는 내용을 Vue3/TypeScript 환경에 맞게 컨버팅 한 것이다. 소스의 흐름은 위와 동일하니 한 번쯤 위의 영상을 보고 온다면 더 쉽게 이해가 될 것이다. 개인적으로 뷰 처음 접했을 때 해당 채널의 영상들이 많이 도움이 되어서 초심자들에게 추천하는 채널이다. ● main.vue <script setup lang=”ts”> import {
일반적으로 vue에서 개발 환경을 구성할 때 axios, store, router 등을 필수로 구성을 합니다. 이번 글에서는 이러한 플러그인들을 설치는 방법들을 정리하고자 합니다. 특히 store가 기존에는 Vuex를 사용해서 구성하였는 Vue를 만든 Evan You가 pinia를 더 추천하기에 이 플러그인으로 구성하도록 하겠습니다. 1. 플러그인 설치 위와 같은 명령어로 필요할 플러그인들을 설치합니다. 각 플러그인들을 간단히 소개하자면 아래와 같습니다. axios: Promise 기반
Vue3, TypeScript를 공부하고자 작은 개인 프로젝트를 만들어 나가면서 여기에 기록을 정리하고자 합니다. 환경구성은 Vue3, TypeScript, Vite, Pinia를 사용하여 플젝을 만들고 다 구현이 되면 github에 action을 통해서 자동 배포되도록 할 예정입니다. 끝으로 electron을 통해서 데스크톱 앱으로 만들예정입니다. 이 글에서는 프로젝트의 환경을 구성하는 부분부터 시작하겠습니다. 프로젝트 만들기 npm init vite 프로젝트이름 –template vue-ts 명령어로 Vue3, Typescript, vite가
