vue
-
[Composition API] Typescript 적용하기 (script setup)Frontend/Vue3 2023. 3. 12. 16:34
Typing Component Props Props는 상위 컴포넌트(부모)에서 하위 컴포넌트(자식)로 데이터를 넘겨줄 때 사용합니다. Props Default Values default props값을 지정하는 방법입니다. Typing Component Emits Emits는 하위 컴포넌트(자식)에서 상위 컴포넌트(부모)로 이벤트, 데이터를 넘겨줄 때 사용합니다. Typing ref() ref는 초기값으로 타입을 추론하는 기능이 기본적으로 내장되어 있습니다. import { ref } from 'vue' // inferred type: Ref const year = ref(2023) // => TS Error: Type 'string' is not assignable to type 'number'. yea..
-
Vue3 프로젝트 시작하기Frontend/Vue3 2022. 12. 24. 20:52
1. Node.js 설치하기 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 공식 문서에서 추천하는 18.12.1 LTS 버전을 설치합니다. 2. Vue Cli(Command Line Interface) 최신 버전 글로벌 설치하기 npm install -g @vue/cli 최신 버전이 자동으로 설치됩니다. vue -V @vue/cli 5.0.8 버전 확인 명령어를 입력해 정상적으로 설치되었는지 확인합니다. 3. 프로젝트 생성하기 vue create 프로젝트명 명령어를 입력하면 아래와 같이 선택창이 나오게 됩니다. 기본 Default 값으로 저장되어 ..