Introduction — Vue.js
Vue.js - The Progressive JavaScript Framework
vuejs.org
Introduction
What is Vue.js?
Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces.
뷰는 유저 인터페이스를 만들기 위한 프로그레시브 프레임워크이다.
Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.
다른 monolithic 프레임워크들과 달리, 뷰는 처음부터 점진적으로 채택할 수 있도록 디자인되었다.
그러니까 한 번에 모든게 들어가있는게 아니라 다른 거를 갖다 쓸 수 있다는 뜻인가?
monolithic : 단단히 짜여 하나로 되어 있는, 일체형 (앵귤러)
from the ground up : 처음부터
The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.
핵심 라이브러리는 뷰 레이어에만 초점을 맞추고 있고 그것은 다른 라이브러리나 기존 프로젝트와 쉽게 통합할 수 있다.
On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
반면에, 모던 툴이랑 지원되는 라이브러리를 같이 사용하면 뷰는 완벽하게 정교한 싱글페이지 어플리케이션을 만들 수 있다.
If you’d like to learn more about Vue before diving in, we created a video walking through the core principles and a sample project.
뷰에 대해서 더 알아보고 싶으면 핵심 원칙과 샘플 프로젝트에 대한 영상을 만들어놓았으니 보도록
If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the Comparison with Other Frameworks.
당신이 프론트엔드 개발에 경험이 있고 다른 라이브러리나 프레임워크와 뷰가 어떻게 다른지 알고 싶다면 저것을 클릭해!
Getting Started
The official guide assumes intermediate level knowledge of HTML, CSS, and JavaScript.
공식 가이드는 HTML, CSS, JS에 대한 중간 정도의 지식이 있다고 가정하고 진행된다.
If you are totally new to frontend development, it might not be the best idea to jump right into a framework as your first step - grasp the basics then come back!
당신이 프론트엔드 개발을 해본적이 없다면 처음부터 프레임워크를 사용하는 것은 별로 좋은 방법이 아니다. 기본기 부터 파악하고 와라.
Prior experience with other frameworks helps, but is not required.
다른 프레임워크를 사용해 본 경험이 있으면 좋긴 한데 꼭 필요하진 않다.
The easiest way to try out Vue.js is using the Hello World example.
헬로 월드 예시를 사용해서 뷰를 가장 쉽게 사용해보자.
Feel free to open it in another tab and follow along as we go through some basic examples.
부담없이 페이지를 열어서 심플한 예시를 따라해보자.
Or, you can create an index.html file and include Vue with:
아니면 index.html 파일에 뷰를 추가하여라
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>or:
<!-- production version, optimized for size and speed -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>The Installation page provides more options of installing Vue.
설치 페이지에서 뷰를 설치할 수 있는 더 다양한 옵션을 제공한다.
Note: We do not recommend that beginners start with vue-cli, especially if you are not yet familiar with Node.js-based build tools.
경고? 처음 시작하는 사람은 vue cli을 이용하는 것을 추천하지 않는다. 특히 노드 js 기반의 빌드툴에 대해서 아직 잘 모른다면 !
If you prefer something more interactive, you can also check out this tutorial series on Scrimba, which gives you a mix of screencast and code playground that you can pause and play around with anytime.
더 인터렉티브한 것을 선호한다면 scrimba 튜토리얼 시리즈에서 언제든지 멈추고 재생할 수 있는 동영상과 코드를 제공하고 있으니까 함 봐라!