간단하게 설명을 해보는 Vue
웹을 개발을 할때 제가 주로 쓰는 Vue 어떤것이고 나는 왜 자주 사용하는지 알아보자
제 깃허브 프로젝트들을 보면 Vue가 보일것입니다.
그래서 사람들이 저보고 React같은 멋진 프레임워크가 있는데 뭔 그 Vue를 쓰냐는 이야기를 듣고 이번에 한번 제가 왜 Vue쓰는지 하고 Vue에 대해서 설명할려고 합니다.
Vue 이게뭐지?
일단 Vue의 공식문서를 가서 한번 알아봅시다.
Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 입니다.
다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다.
핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다.
그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다.
Vue.js 시작하기
라고 설명을 하는데 간단히 말해주자면 Vue는 다른 프레임워크나 다르게 HTML을 쓸수 있기때문에 쉽게 웹개발을 접근 할수 있습니다. 기존에 알고 있는 반복문, if문을 알고 있으면 자동생성, 참거짓에 따른 생성,삭제가 쉽게도 할수 있죠
기본적인 Vue
사람들이 많이 쓰는 함수를 알아봅시다.
<template>
<template/>
<script>
export default {
data: () => ({
methods :{
},
mounted(): {
},
create(): {
}
}
<script/>
template
이 부분을 HTML코드를 작성을 해서 웹페이지에 보여줄 곳을 코딩하는 곳입니다.
methods
template에서 함수를 정한경우 이곳에서 함수를 작성을 해서 작동을 할수 있습니다.
mounted
mounted는 이 페이지가 필드가 완료가 되서 해야하는 함수나 변수를 작성하는 곳입니다.
create
create는 이 페이지가 빌드중 이거나 빌드가 되기전에 미리 작동이 되어야 하는 함수나 변수를 작성하는 곳입니다.
Watch
여기에는 안나와 있지만 Watch에 지정된 데이터가 변화가 감지가 되면 일어나는 코드를 적는 곳입니다.
글슨이가 쓰면서 느낀 Vue 장점과 단점
장점
- HTML와 JS로 웹을 개발하는 사람들은 쉽게 접근 가능
- 여러 라이브러리가 있어서 설치및 사용가능
- 손쉬운 반응형 페이지 제작 또는 Vue extension이 있어서 데이터 확인 가능
단점
- Vue3가 나왔는데 대부분이 Vue2기반으로 제작된 라이브러리들이라서 Vue3를 쓰는데 제안됨
- React와 달리 커뮤니티가 조금 적어서 도움을 구할곳이 많지 않음