<commit_before>---
layout: article
title: 'Vue 3을 대하는 자세와 가볍게 훑어보기'
date: 2020-09-19 17:00:32 +0900
categories: [web-development, vuejs]
excerpt: '기존 버전과 Vue 3 비교해보기. Vue 3에서 달라진 점과 해결하려는 문제점. 빠르게 훑어보는 Vue 3 공식 문서.'
image:
  teaser: posts/web/vuejs/vue3.png
  credit: Evan You
  creditlink: https://vuejs.org/
  #url to their site or licensing
locale: 'ko_KR'
# 리플 옵션
comments: true
tags:
  - Vue.js 3
  - Vue 3
  - vue composition api
  - Vue.js 책
  - do it! Vue.js 입문
  - do it! vue.js
  - vue.js 입문서
  - vue.js 시작하기
  - vue.js 장점
  - vue.js 예제
  - vue.js 온라인 강의
  - vue.js 교육
  - vue.js 강좌
  - vue.js 강의
  - vue.js 입문
  - eslint
  - prettier
  - vue eslint
  - vue prettier
  - vue.js 프론트엔드 개발자
  - 패스트캠퍼스 vue.js 강의
  - 인프런 장기효
  - Age of Vue.js
  - 인프런 vue.js 강의
  - 장기효
  - 캡틴판교
  - captain pangyo
---

{% include toc.html %}

## 들어가며

안녕하세요 오랜만의 글이네요. 최근에 새로운 회사로 이직하면서 포스팅 준비 기간이 꽤 길어진 것 같습니다. 다들 코로나는 잘 이겨내고 계신가요? 하루빨리 마음 편히 밖을 나갈 수 있는 날이 왔으면 좋겠네요.. 😄

오늘 준비한 글은 다들 이미 들으셨을 Vue.js의 신규 버전에 대한 포스팅입니다. 뷰 공식 사이트에서 [뷰 3 공식 문서](https://v3.vuejs.org/guide/introduction.html)를 확인하실 수 있는데요. 이 사이트를 모두 한 번에 정리하긴 양이 너무 방대하여 이번 글에서는 기존 Vue.js와 비교하여 알아두면 좋을 점 그리고 신규 문서에서 꼭 한 번씩 살펴보면 좋을 만한 내용 등을 전달하려 합니다.

오늘 간단히 Vue 3에 대해서 등장 배경과 소개 정도를 알아보고 다음에 연재될 2가지 시리즈에서 좀 더 깊숙하게 Vue 3를 살펴보겠습니다 😄

- Vue 3 컴포지션 API(연재 예정 중)
- Vue 3 마이그레이션 가이드(연재 예정 중)

## Vue 3의 출시 예정일? 현재 단계는?

새로운 뷰 버전이 곧 등장합니다. 현재 베타(Beta) 버전을 지나 릴리즈 후보(Release Candidate) 단계에 있습니다. 좀 더 쉽게 얘기하면 곧 공식 버전으로 출시되기 직전이라는 말이죠 😄

저희가 자주 사용하는 뷰 코어 라이브러리 뿐만 아니라 주변 생태계 라이브러리(뷰엑스, 뷰 라우터)도 베타 단계이기 때문에 <span style="text-decoration: line-through;">아마 올해가 가기 전에는 공식 버전으로 출시될 확률이 매우 높아졌습니다.</span>

**[Vue.js 3 One Piece](https://github.com/vuejs/vue-next/releases/tag/v3.0.0)가 출시 되었습니다 ✨ - 9월 19일**

## Vue 3이라니.. 여태까지 배운게 다 소용 없는건가요?

페이지 스크롤을 더 내리기 전에 한가지 짚고 넘어갈 부분이 있습니다. 아마 새로운 Vue.js 버전을 마주하면서 아래와 같은 생각이 들 수 있습니다.

*"전 이제 겨우 뷰에 입문했는데 신규 버전이라니 다시 배워야 하는거 아닌가요?"* <br>
*"새 프로젝트 시작하는데 그럼 뷰 3이 나올 때까지 기다렸다가 해야 하나요?"*

실제로 전 몇 일 전에 위와 유사한 질문을 받기도 했는데요. 여기서 말씀드리고 싶은 점은 한 가지입니다.

"Vue 3은 기존 Vue 2와 비교해서 전체적인 컨셉과 개념이 크게 달라지지 않았습니다. Composition API 라는 인스턴스 옵션 속성이 새로 추가 되었기는 하지만 이 속성을 쓰지 않고도 **지금까지 배워온 내용들로 충분히 모던 웹 애플리케이션을 개발할 수 있습니다 😄**"

신규 버전이 오랜 기간 동안 준비되어 온 만큼 저도 관련 자료들을 확인하고 서비스를 만들어보면서 신규 버전에 대한 몇 가지 관점이 생겼는데요. 추후에 별도로 얘기를 해보려 합니다 😄

## Vue 3에서 해결하려는 문제점<commit_msg>update the contents on vue3<commit_after>---
layout: article
title: 'Vue 3을 대하는 자세와 가볍게 훑어보기'
date: 2020-09-19 17:00:32 +0900
categories: [web-development, vuejs]
excerpt: '기존 버전과 Vue 3 비교해보기. Vue 3에서 달라진 점과 해결하려는 문제점. 빠르게 훑어보는 Vue 3 공식 문서.'
image:
  teaser: posts/web/vuejs/vue3.png
  credit: <NAME>
  creditlink: https://milooy.wordpress.com/
  #url to their site or licensing
locale: 'ko_KR'
# 리플 옵션
comments: true
tags:
  - Vue.js 3
  - Vue 3
  - vue composition api
  - Vue.js 책
  - do it! Vue.js 입문
  - do it! vue.js
  - vue.js 입문서
  - vue.js 시작하기
  - vue.js 장점
  - vue.js 예제
  - vue.js 온라인 강의
  - vue.js 교육
  - vue.js 강좌
  - vue.js 강의
  - vue.js 입문
  - eslint
  - prettier
  - vue eslint
  - vue prettier
  - vue.js 프론트엔드 개발자
  - 패스트캠퍼스 vue.js 강의
  - 인프런 장기효
  - Age of Vue.js
  - 인프런 vue.js 강의
  - 장기효
  - 캡틴판교
  - captain pangyo
---

{% include toc.html %}

## 들어가며

안녕하세요 오랜만의 글이네요. 최근에 새로운 회사로 이직하면서 포스팅 준비 기간이 꽤 길어진 것 같습니다. 다들 코로나는 잘 이겨내고 계신가요? 하루빨리 마음 편히 밖을 나갈 수 있는 날이 왔으면 좋겠네요.. 😄

오늘 준비한 글은 다들 이미 들으셨을 Vue.js의 신규 버전에 대한 포스팅입니다. 뷰 공식 사이트에서 [뷰 3 공식 문서](https://v3.vuejs.org/guide/introduction.html)를 확인하실 수 있는데요. 이 사이트를 모두 한 번에 정리하긴 양이 너무 방대하여 이번 글에서는 기존 Vue.js와 비교하여 알아두면 좋을 점 그리고 신규 문서에서 꼭 한 번씩 살펴보면 좋을 만한 내용 등을 전달하려 합니다.

오늘 간단히 Vue 3에 대해서 등장 배경과 소개 정도를 알아보고 다음에 연재될 2가지 시리즈에서 좀 더 깊숙하게 Vue 3를 살펴보겠습니다 😄

- Vue 3 컴포지션 API(연재 예정 중)
- Vue 3 마이그레이션 가이드(연재 예정 중)

## Vue 3의 출시 예정일? 현재 단계는?

새로운 뷰 버전이 곧 등장합니다. 현재 베타(Beta) 버전을 지나 릴리즈 후보(Release Candidate) 단계에 있습니다. 좀 더 쉽게 얘기하면 곧 공식 버전으로 출시되기 직전이라는 말이죠 😄

저희가 자주 사용하는 뷰 코어 라이브러리 뿐만 아니라 주변 생태계 라이브러리(뷰엑스, 뷰 라우터)도 베타 단계이기 때문에 <span style="text-decoration: line-through;">아마 올해가 가기 전에는 공식 버전으로 출시될 확률이 매우 높아졌습니다.</span>

**[Vue.js 3 One Piece](https://github.com/vuejs/vue-next/releases/tag/v3.0.0)가 출시 되었습니다 📢 - 9월 19일**

## Vue 3이라니.. 여태까지 배운게 다 소용 없는건가요?

페이지 스크롤을 더 내리기 전에 한가지 짚고 넘어갈 부분이 있습니다. 아마 새로운 Vue.js 버전을 마주하면서 아래와 같은 생각이 들 수 있습니다.

*"전 이제 겨우 뷰에 입문했는데 신규 버전이라니 다시 배워야 하는거 아닌가요?"* <br>
*"새 프로젝트 시작하는데 그럼 뷰 3이 나올 때까지 기다렸다가 해야 하나요?"*

실제로 전 몇 일 전에 위와 유사한 질문을 받기도 했는데요. 여기서 말씀드리고 싶은 점은 한 가지입니다.

"Vue 3은 기존 Vue 2와 비교해서 전체적인 컨셉과 개념이 크게 달라지지 않았습니다. Composition API 라는 인스턴스 옵션 속성이 새로 추가 되었기는 하지만 이 속성을 쓰지 않고도 **지금까지 배워온 내용들로 충분히 모던 웹 애플리케이션을 개발할 수 있습니다 😄**"

신규 버전이 오랜 기간 동안 준비되어 온 만큼 저도 관련 자료들을 확인하고 서비스를 만들어보면서 신규 버전에 대한 몇 가지 관점이 생겼는데요. 추후에 별도로 얘기를 해보려 합니다 😄

## Vue 3에서 해결하려는 문제점
{'fraction_non_alphanumeric': 0.09371649152905855, 'fraction_numerical': 0.01951533347630281, 'mean_word_length': 2.509405568096313, 'pattern_counts': {'":': 0, '<': 10, '<?xml version=': 0, '>': 10, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4665502', 'n_tokens_mistral': 3922, 'n_tokens_neox': 4850, 'n_words': 872}