SFC는 <script>, <template>, <style> 태그로 영역을 구분합니다. App.vue 파일을 열어보면 초기에 자동으로 작성된 코드가 있습니다. 이 코드는 이 책을 학습하는 데 중요한 부분은 아니므로 자세히 살펴보지는 않겠습니다. 이렇게 영역을 구분한다고 참고만 해주세요.
수코딩의 조언
뷰 애플리케이션의 초기 파일에서 main.js 파일이나 App.vue 파일의 이름을 원하는 대로 바꿔도 됩니다. 다만, 파일 이름을 바꿀 경우 index.html 파일이나 main.js 파일에서 관련 코드를 수정해야 하므로 특별한 경우가 아니라면 기본으로 생성된 파일명을 그대로 사용하는 편이 좋습니다.