이번 포스트에서는 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..

이번 포스트에서는 SPA와 SFC 그리고 이를 구현하기 위한 Vite에 대해서 살펴보자.  SPA vs MPA 정의SPA(Single Page Application)과 MPA(Multi Page Application)이라는 용어에 대해서 살펴보자. 말 그대로 애플리케이션을 만들 때 하나의 페이지로만 만들것인가? 아니면 여러개의 페이지로 만들것인가의 차이다.(당연히 이렇게 길~~~~다란 index.html을 만드는건 아니다. component의 개념이 필요하다!) 동작의 차이SPA와 MPA의 구성에 따른 동작의 가장 큰 차이는 서버와 데이터를 주고 받을 때 을 통한 submit을 이용하느냐 아니면 ajax를 이용하느냐로 나눠볼 수 있다. 두 방식의 장/단점 비교SPA는 angular.js나 react, ..