3 작업 폴더를 선택하면 파일 탐색기에 선택한 폴더 이름이 보입니다. 작업 폴더에 cdn-vue.html이라는 이름으로 HTML 파일을 만듭니다. 폴더 이름 옆에 보이는 새 파일(New File) 아이콘을 클릭해도 되고 메뉴에서 File → New File을 선택해도 됩니다.
그림 2-21 파일 탐색기에서 HTML 파일 생성
4 생성한 HTML 파일에 다음과 같이 코드를 작성하고 저장합니다.
➊ <script> 태그로 뷰 라이브러리를 불러옵니다. 뷰 라이브러리를 불러오면 Vue 객체를 사용할 수 있습니다.
➋ Vue 객체의 속성 중에서 createApp() 함수를 비구조화 할당으로 변수에 할당합니다.
TIP - 비구조화 할당이란 배열이나 객체 속성을 해체해 개별 변수에 값을 담을 수 있는 자바스크립트 표현식입니다. 구조 분해 할당(destructuring assignment)이라고도 합니다. 해당 표현식이 궁금하다면 12.3.4 비구조화 할당을 참고하세요.