이번 포스트에서는 Vite를 이용한 Vue 개발에 대해서 살펴보자.  Vite | 차세대 프런트엔드 개발 툴Vite 차세대 프런트엔드 개발 툴 당신이 원했던 개발 환경을 시작해보세요.vitejs-kr.github.io   Vite Vite란?Vite(vit:비트 라고 읽음, 프랑스어로 빠름 ㅎ)는 node.js 기반의 Vue 개발을 위한 스캐폴딩(scaffolding) 도구이다. Vite는 Vue 뿐 아니라 대부분의 frontend framdwork를 지원한다. Vite를 사용하면 native ES Module, Hot Module Replacement 등을 제공하며 .vue를 이용해서 만든 애플리케이션을 .html로 변경하기 위한 build tool로 사용된다.[scaffolding][Vite 지원 f..

이번 포스트에서는 배열(list)의 element, object의 property 등 반복적인 데이터를 렌더링할 때 사용되는 v-for directive에 대해서 살펴보자. v-for v-for v-for는 반복문을 사용하기 위한 directive 이다. list의 element나 object의 property를 이용해서 li 태그를 구성할 경우 아래와 같이 작성할 수 있다. 부모 요소가 아닌 반복될 요소에 v-for를 적용한다. {{index}}, {{value}} {{index}}, {{key}}, {{value}} 여기서 data는 model에서 expose 되는 데이터로 list(iterable) 또는 object일 수 있다. data가 list인 경우는 value와 함께 index 만 전달된다...