봉보로봉봉

토이 프로젝트를 하나 하려는데 react+ts로 할까 하다가 vue 공부를 하다만 게 생각나서 vue로 프로젝트를 생성했다! 오랜만에 생성하니까 정말 하나도 기억이 안난다! 🤯 블로그에 적어둔 것도 없어서 이번에는 적어가면서 진행하려고 한다 😀 vite로 프로젝트를 생성한다. npm create vite@latest 내 프로젝트 -- --template vue d.ts 파일 생성 import from에 vue 모듈이 없다고 난리를 치면 때문에 황급히 d.ts 파일을 생성한다. 참고 컴포넌트 선언 문법 Options API vs Composition API options API는 기존 vue 2.X 버전 때 사용하던 방법이다. data()가 return 하는 객체 안에 변수를 정의하고, methods에 함..

Vue.js props 속성 부모 컴포넌트로부터 받아오는 props를 props 속성에 정의한다. 자식 컴포넌트에서는 부모 컴포넌트의 props를 변경해서는 안된다. export default { props: { greetingMessage: String } } {{ greetingMessage }} filters 속성 사진에 씌우는 필터와 비슷하다고 생각하면 된다. 텍스트를 원하는 형식으로 바꾼다. 아래와 같은 형식으로 사용한다. {{ message | capitalize }} filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() +..

vscode가 자꾸 알림을 띄우는데 왜 그러는건지..? 😩 저 이제 프로젝트 생성했는데요 ? 오른쪽 아래 팝업으로는 in the vue 3 project, the vue language features (volar) is new recommended extension in vscode. 뭐라고 하고 Doctor도 뭐라고 하면서 페이지들로 안내한다. https://marketplace.visualstudio.com/items?itemName=Vue.volar Vue Language Features (Volar) - Visual Studio Marketplace Extension for Visual Studio Code - Language support for Vue 3 marketplace.visualst..

저는 방금 막 vite로 vue + ts 프로젝트를 시작했을 뿐인데요... 타입스크립트님 또 왜 그러시는지요....🥲 Cannot find module './App.vue' or its corresponding type declarations. 이유 타입이 없으시답니다... 그래서 d.ts파일을 생성해줘야한다고 한다. // src/shims-vue.d.ts declare module '*.vue' { import type { DefineComponent } from 'vue'; const component: DefineComponent; export default component; } 참고 링크 1 참고 링크 2 참고 링크 3