3.1.2 index.html
npm run dev 명령어를 입력하면 개발 서버가 구동된다고 했습니다. 개발 서버가 구동되면 가장 먼저 index.html 파일을 서버에 로드(load)합니다. index.html 파일에는 초기에 다음과 같은 코드가 작성되어 있습니다.
index.html
<!DOCTYPE html>
<html lang="en"> ----------------------------------------- ➊
<head> (중략) </head>
<body>
<div id="app"></div> ---------------------------------- ➋
<script type= "module" src="/src/main.js"></script> --- ➌
</body>
</html>
이 파일에서 중요한 부분은 크게 3곳입니다.
➊ 뷰 애플리케이션에서 HTML 파일의 기본 언어 설정은 영어(en)입니다. 한글을 사용하는 우리 입장에서는 "en" 대신에 "ko"로 변경하는 것이 좋습니다.
➋ 뷰 애플리케이션은 id 속성의 값이 "app"인 HTML 요소를 루트(root) 요소로 지정합니다. 이 부분의 id 속성 값을 "app"으로 지정하는 것이 관례이긴 하나 다른 값으로 지정해도 상관없습니다.