이번 포스트에서는 Vite 기반 프로젝트에서 간단한 코딩을 해보자.소스 코드 작성 src의 구조먼저 src의 구조에 대해 살펴보자. Vue 애플리케이션은 index.html에서 main.js를 로딩하고 main.js에서 App.vue를 이용해서 Vue 애플리케이션을 구성하는 형태로 작성된다. 애플리케이션을 구성하는 컴포넌트들은 각각 .vue로 작성되며 javascript에서 다른 리소스들을 참조하기 위해서 import 를 이용한다. .vue 파일의 구조각각의 .vue 파일은 SFC(Single File Component) 형태로 작성되며 , 이 내용을 .vue 파일로 작성해보자. App.vue 파일을 아래와 같이 대체해보자. {{ title }} 미완성 할일 목록: {{ r..
[Vue 3] Vite 기반의 Vue 개발 2
이번 포스트에서는 Vite 기반 프로젝트에서 간단한 코딩을 해보자.소스 코드 작성 src의 구조먼저 src의 구조에 대해 살펴보자. Vue 애플리케이션은 index.html에서 main.js를 로딩하고 main.js에서 App.vue를 이용해서 Vue 애플리케이션을 구성하는 형태로 작성된다. 애플리케이션을 구성하는 컴포넌트들은 각각 .vue로 작성되며 javascript에서 다른 리소스들을 참조하기 위해서 import 를 이용한다. .vue 파일의 구조각각의 .vue 파일은 SFC(Single File Component) 형태로 작성되며 , 이 내용을 .vue 파일로 작성해보자. App.vue 파일을 아래와 같이 대체해보자. {{ title }} 미완성 할일 목록: {{ r..
2022.07.08