{{위키데이터 속성 추적}}
{{소프트웨어 정보
| name = Vue.js
| logo = Vue.png
| author = Evan You
| released = {{시작 날짜와 나이|2014|2}}<ref>{{웹 인용|url = http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ |title = First Week of Launching Vue.js |website = Evan You }}</ref>
| latest release version = {{wikidata|property|edit|reference|Q24589705|P348}}
| latest release date = {{시작 날짜와 나이|{{wikidata|qualifier|Q24589705|P348|P577}}}}
| status = 개발 중
| programming language = [[자바스크립트]]
| platform = [[크로스 플랫폼]]
| size = 76 KB (운영용)<br />240 KB (개발용)
| genre = [[자바스크립트 라이브러리]]
| license = [[MIT 허가서]]<ref name="license">{{웹 인용|title = vue/LICENSE |url = https://github.com/vuejs/vue/blob/dev/LICENSE |website = GitHub |accessdate = 17 April 2017 }}</ref>
}}

'''Vue.js'''(간단히 '''Vue''', {{IPA|{{IPAc-en|v|j|uː}}}}, 뷰/view)는 웹 애플리케이션의 [[사용자 인터페이스]]를 만들기 위해 사용하는 [[오픈 소스 소프트웨어|오픈 소스]] 프로그레시브 [[자바스크립트]] [[프레임워크]]이다.<ref>{{웹 인용|url = https://vuejs.org/v2/guide/#What-is-Vue-js |title = Introduction - Vue.js |access-date = 2017-03-11 |language = en }}</ref> 다른 [[자바스크립트 라이브러리]]를 사용하는 웹 애플리케이션 프로젝트에 Vue.js를 도입하기 쉽게 설계되어 있는데, 이는 Vue.js가 점진적으로 채택할 수 있게 설계되어 있기 때문이다. 한편 Vue.js는 고성능의 [[싱글 페이지 애플리케이션]](SPA)을 구축하는데 이용가능하다.

== 개요 ==
Vue.js는 웹 개발을 단순화하고 정리하기 위해 개발된 대중적인 [[자바스크립트]] 프론트엔드 프레임워크이다.

이 프로젝트는 웹 UI 개발(컴포넌트, 선언형 UI, 핫 리로딩, 타임 트래블 디버깅 등)의 아이디어를 더 접근 가능하도록 만드는데 초점을 둔다. 덜 독선적이도록 시도하고 있기 때문에 개발자들이 익히기에 더 쉽다.

점진적으로 채택 가능한 구조를 갖추고 있다. 코어 라이브러리는 선언형 렌더링과 컴포넌트 구성에 초점을 두며 기존 페이지에 임베드가 가능하다. 라우팅, 상태 관리, 빌드 도구화와 같이 복잡한 애플리케이션에 필요한 고급 기능들은 공식적으로 유지 보수되는 지원 라이브러리와 패키지를 통해 제공된다.<ref>{{웹 인용|url=https://www.patreon.com/evanyou|title=Evan is creating Vue.js {{!}} Patreon|work=Patreon|access-date=2017-03-11|language=en}}</ref>
일반 적용 당시 'ref' 변형코드를 다시 짓는다

== 역사 ==
Vue는 수많은 프로젝트에서 [[AngularJS]]를 사용하여 [[구글]]을 위해 작업하던 Evan You에 의해 개발되었다. 나중에 그는 그의 생각을 요약하였다: "내가 Angular에 대해 정말 좋았던 부분을 뽑아낸 다음 추가적인 모든 개념을 동반하지 않고 무언가를 정말 가볍게 만들어보면 어떨까? 하고 생각했습니다."<ref>{{뉴스 인용|url=https://betweenthewires.org/2016/11/03/evan-you/|title=Between the Wires {{!}} Evan You|date=2016-11-03|work=Between the Wires|access-date=2017-08-26|보존url=https://web.archive.org/web/20170603052649/https://betweenthewires.org/2016/11/03/evan-you/#|보존날짜=2017-06-03|url-status=dead}}</ref> Vue는 원래 2014년 2월 출시되었다. 이 프로젝트는 첫 출시 당일 [[해커 뉴스]], 에코 JS, ''/r/javascript'' [[레딧|서브레딧]]에 게시되었다. 하루가 지나지 않아 이 프로젝트는 해당 3개의 사이트의 첫 페이지에서 다루어진 것이다.<ref>{{웹 인용|url = http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html |title = First Week of Launching Vue.js |website = Evan You |access-date = 2017-03-11 }}</ref>

최근에 Vue는 깃허브 스타 카운트가 빠른 속도로 올라가고 있으며 일반적으로 깃허브의 가장 대중적인 오픈 소스 프로젝트들에 속하게 되었으며 [[리액트 (자바스크립트 라이브러리)|리액트]]에 이어 2번째로 대중적인 자바스크립트 프레임워크/라이브러리로 되었다. [[Backbone.js]]와 같은 다른 오래되고 더 잘 확립된 라이브러리들을 앞질렀으며 심지어는 2017년에는 jQuery(44,104)와<ref>{{웹 인용|title = jQuery GitHub Page |url = https://github.com/jquery/jquery |website = GitHub |accessdate = 29 March 2017 }}</ref> Angular 1.x (56,230)를 앞질렀다.<ref>{{웹 인용|title = Angular GitHub Page |url = https://github.com/angular/angular.js |website = GitHub |accessdate = 27 June 2017 }}</ref>

=== 버전 ===
{| class="wikitable"
|-
! 버전 !! 출시일 !! 제목 !! LTS 종료일 !! 수명 종료일
|-
| 3.2 || 2021년 8월 5일 || [[Quintessential Quintuplets]]<ref>{{웹 인용|url=https://github.com/vuejs/vue-next/releases/tag/v3.2.0 |title=v3.2.0 Quintessential Quintuplets |date=August 5, 2021 |via=GitHub |work=Vue.js |access-date=August 10, 2021 |language=en}}</ref> || ||
|-
| 3.1 || 2021년 6월 7일 || [[Pluto (manga)|Pluto]]<ref>{{웹 인용|url=https://github.com/vuejs/vue-next/releases/tag/v3.1.0 |title=v3.1.0 Pluto |date=June 7, 2021 |via=GitHub |work=Vue.js |access-date=July 18, 2021 |language=en}}</ref> || ||
|-
| 3.0 || 2020년 9월 18일 || [[One Piece]]<ref>{{웹 인용|url=https://github.com/vuejs/vue-next/releases/tag/v3.0.0 |title=v3.0.0 One Piece |date=September 18, 2020 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 2.7 || 2022년 7월 1일 || [[Naruto]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.7.0 |title=v2.7.0 Naruto |date=July 1, 2022 |via=GitHub |work=Vue.js |access-date=July 1, 2022 |language=en}}</ref> || 2023년 12월 31일 || 2023년 12월 31일
|-
| 2.6 || 2019년 2월 4일 || [[Macross]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.6.0 |title=v2.6.0 Macross |date=February 4, 2019 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || 2022년 3월 18일 || 2023년 9월 18일
|-
| 2.5 || 2017년 10월 13일 || [[Level E]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.5.0 |title=v2.5.0 Level E |date=October 13, 2017 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 2.4 || 2017년 7월 13일 || [[Kill la Kill]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.4.0 |title=v2.4.0 Kill la Kill |date=July 13, 2017 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 2.3 || 2017년 4월 27일 || [[JoJo's Bizarre Adventure]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.3.0 |title=v2.3.0 JoJo's Bizarre Adventure |date=April 27, 2017 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 2.2 || 2017년 2월 26일 || [[Initial D]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.2.0 |title=v2.2.0 Initial D |date=February 26, 2017 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 2.1 || 2016년 11월 22일 || [[Hunter X Hunter]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.1.0 |title=v2.1.0 Hunter X Hunter |date=November 22, 2016 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 2.0 || 2016년 9월 30일 || [[Ghost in the Shell]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v2.0.0 |title=v2.0.0 Ghost in the Shell |date=September 30, 2016 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 1.0 || 2015년 10월 27일 || [[Neon Genesis Evangelion|Evangelion]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/1.0.0 |title=1.0.0 Evangelion |date=October 27, 2015 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 0.12 || 2015년 6월 12일 || [[Dragon Ball]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/0.12.0 |title=0.12.0: Dragon Ball |date=June 12, 2015 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 0.11 || 2014년 11월 7일 || [[Cowboy Bebop]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/0.11.0 |title=v0.11.0: Cowboy Bebop |date=November 7, 2014 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 0.10 || 2014년 3월 23일 || [[Blade Runner]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v0.10.0 |title=v0.10.0: Blade Runner |date=March 23, 2014 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 0.9 || 2014년 2월 25일 || [[Animatrix]]<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v0.9.0 |title=v0.9.0: Animatrix |date=February 25, 2014 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 0.8 || 2014년 1월 27일 || {{n/a}}<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v0.8.0 |title=v0.8.0 |date=January 27, 2014 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || colspan="2" | 최초 버전 정식 발표<ref name=":0">{{웹 인용|date=2014-02-03 |title=Vue.js: JavaScript MVVM made simple |url=https://news.ycombinator.com/item?id=7169288 |access-date=2023-01-29 |website=Hacker News}}</ref><ref name=":1">{{웹 인용|date=2014-02-11 |title=First Week of Launching Vue.js |url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html |access-date=2023-01-29 |website=Evan You}}</ref>
|-
| 0.7 || 2013년 12월 24일 || {{n/a}}<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/v0.7.0 |title=v0.7.0 |date=December 24, 2013 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|-
| 0.6 || 2013년 12월 8일 || VueJS<ref>{{웹 인용|url=https://github.com/vuejs/vue/releases/tag/0.6.0 |title=0.6.0: VueJS |date=December 8, 2013 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en}}</ref> || ||
|}

== 지원 라이브러리 ==
* vue-router<ref>{{웹 인용|url = http://router.vuejs.org/en|title = vue-router|last = |first = |date = |website = router.vuejs.org|language = en|archive-url = https://web.archive.org/web/20170305013450/https://router.vuejs.org/en/|archive-date = 2017-03-05|url-status = dead|access-date = 2017-03-11}}</ref>
* vuex<ref>{{웹 인용|url = https://vuex.vuejs.org/en/ |title = vuex |last =  |first =  |date =  |website = vuex.vuejs.org |language = en |archive-url =  |archive-date =  |access-date = 2017-03-11 }}</ref>
* vue-loader<ref>{{웹 인용|url = https://vue-loader.vuejs.org/en/|title = vue-loader|last = |first = |date = |website = vue-loader.vuejs.org|language = en|archive-url = https://web.archive.org/web/20170306163829/http://vue-loader.vuejs.org/en/|archive-date = 2017-03-06|url-status = dead|access-date = 2017-03-11}}</ref>
* vueify<ref>{{웹 인용|url = https://github.com/vuejs/vueify |title = vueify |last =  |first =  |date =  |website = GitHub |language = en |archive-url =  |archive-date =  |access-date = 2017-03-11 }}</ref>
* vue-cli<ref>{{웹 인용|url = https://github.com/vuejs/vue-cli |title = vue-cli |last =  |first =  |date =  |website = GitHub |language = en |archive-url =  |archive-date =  |access-date = 2017-03-11 }}</ref>
* vue-jstree
* vue-sys

== 같이 보기 ==
* [[AngularJS]]
* [[자바스크립트 프레임워크]]
* [[자바스크립트 라이브러리]]

== 각주 ==
{{각주}}

== 외부 링크 ==
* {{공식 웹사이트}}

[[분류:자바스크립트 웹 프레임워크]]
[[분류:웹 애플리케이션|프레임워크]]
[[분류:웹 개발]]
[[분류:소프트웨어 프레임워크]]