<template>
<div>
<Header />
<main id="main"></main>
<Footer />
</div>
</template>
<script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
export default {
components: {
Header,
Footer,
},
};
</script>
<style></style>
template 안에 html 코드 작성script 안에 import 코드 작성
<aside> 📌 ① 노란색 에러가 뜬다면 CRLF→ LF를 바꿔서 하나하나 설정해주기 (윈도우의 경우) ② ✓Prettier가 제대로 되는지 확인하고, ctrl + s 수시로 해주기
그래도 제대로 안되면 띄어쓰기나 엔터의 문제일 수 있고 아니면 컴퓨터를 껐다 켜기!
</aside>
<aside> 💡 : (바인딩) - 속성을 불러 올 때 {{}} 중괄호 2개 - 데이터를 불러 올 때
</aside>