Vue3

지난학기에 실무에서 많이 쓴다고하여 Vue2를 배웠다.그런데 이번학기엔 Vue3를 써보라는 것이다.까짓거 하면되지, 어차피 같은 뷰 아녀 리액트보단 쉽겠지.라고 만만하게 봤던 지난날의 나 반성해.뷰2도 제대로 익히지 못했는데 뷰3 넘어가려니 정말 하나도 모르겠다.그래서

뷰는 웹사이트를 쉽게 만들게해준다!뷰가 뭔지 모르겠다면 일단 공식문서나 여러 자료를 검색해 보고 저 한마디만 기억하자.아, HTML, CSS, JavaScript를 한큐에 쉽게!물론 엄청 쉽지는 않고 HTML, CSS, JavaScript를 안배워도 된다는건 아니다.그

자바스크립트에서 재사용할 수 있도록 코드를 분리한 파일을 모듈이라고 한다. Vue에서도 마찬가지로 UI(HTML, CSS, JS)를 재사용할 수 있도록 정의한 것을 컴포넌트라고 한다.컴포넌트 => 재사용컴포넌트를 사용하면 UI(HTML,CSS,JavaScript)를 재

웹팩 기반 빌드도구.Vue CLI를 사용하기 위해서는 @vue/cli v4.5 이상의 버전을 설치해야 함Vite(비트)는 Vue SFC를 지원하는 매우 가볍고 빠른 빌드 도구다. 소스 코드의 변경이 일어났을 때 전체 모듈을 번들링 하는게 아니라 변경된 모듈만 교체하기

Vue3에서 애플리케이션을 만들 수 있는 방법은 크게 두 가지가 있다. Vue2에서 사용해왔던 Options API를 사용하는 방법과 Vue3에서 새롭게 등장한 Composition API 를 사용하는 방법이다.Options API의 단점을 보완하기 위해 Composi

https://vuejs.org/api/Composition API는 옵션(data, methos, ...)을 선언하는 대신 가져온 함수(ref, onMounted, ...)를 사용하여 Vue 컴포넌트를 작성할 수 있는 API 세트다.반응형 API (React

setup() 함수(hook)는 Composition API 사용을 위한 진입점 역할을 한다.setup 함수는 컴포넌트 인스턴스가 생성되기 전에 실행된다.반응형 API(Reactivity API)를 사용하여 반응형 상태를 선언하고setup()에서 객체를 반환하여 tem