m1ndy5's coding blog

기본 템플릿 쉽게 작성하는 법 extension에서 Vue VSCode Snippets를 install 해주고 파일을 만들고 vbase-3-setup 입력하면 기본 템플릿을 만들어줌 template : HTML코드 script : JS 코드 style : CSS 코드

Vue.js란? 프론트엔드 개발을 쉽게 하기 위한 프레임워크 SPA(Single Page Application)를 구축하는데 이용 SPA란? 단일 페이지 애플리케이션이라는 뜻으로 페이지가 바뀔 때마다 서버에서 HTML을 보내주어 새로고침되는 SSR(Server Side Rendering)과 다르게 새롭게 바뀌는 부분의 특정 데이터만 요청하여 새로고침 없이 한 페이지에서 특정 부분만 변경되는 것을 의미 Vue.js의 장점 배우기 쉬움 다른 프레임워크 React, Angular에 비해 가볍고 빠름 컴포넌트 기발 프레임워크로 뷰 구성, 코드 재사용이 용이 사용방법 Vue.js를 사용하려면 일단 Node.js가 설치 되어있어야 한다. 이후 npm init vue@latest 라는 명령어를 통해서 vue의 최신 ..