2.1 첫 애플리케이션
여정에 앞서 상품 정보를 생성하고, 상품 제목을 보여 주는 웹 저장소 애플리케이션의 기초를 만들겠습니다. 여기서 집중할 점은 어떻게 Vue 애플리케이션을 생성하고, 뷰-모델에서 데이터와 뷰가 이 데이터를 어떻게 표출하는지에 대한 관계입니다. 그림 2-1은 이 장 끝까지 진행하면 나오는 애플리케이션 모습입니다.
▲ 그림 2-1 웹 저장소의 시작 미리 보기
Note
코드 1-2에서 간단한 계산기를 만들었기에 이번 Vue 애플리케이션은 사실 두 번째입니다. 여러분은 이미 노련한 베테랑이겠군요!
시작하기 전에 웹 브라우저에서 vue-devtools 플러그인을 내려받으세요. 부록 A에서 플러그인을 내려받는 방법을 자세히 확인할 수 있습니다.
Note 예제 파일
역주 장별 예제 파일에서 index.html은 각 장 실습을 모두 끝냈을 때 코드를 기준으로 합니다. 각 코드 옆에 명시된 파일에는 책에 실린 부분만 있으므로 웹 브라우저가 아닌 에디터에서 열어 복사하여 사용하면 됩니다. 단계별 전체 파일이 필요할 때만 index.2.3.html처럼 따로 만들어 두었습니다.