<commit_before>---
layout: article
title: "Vue.js 개발을 위한 주요 ES6 문법 4가지"
date: 2018-01-24 18:22:32 +0900
categories: [web-development, translation]
excerpt: "(번역) Vue.js로 개발할 때 도움이 되는 ES6 문법 4가지를 간단한 설명과 예제로 살펴봅니다. 화살표 함수, 템플릿 리터럴, 모듈, 구조 분해 등"
image:
  teaser: posts/web/vuejs/vuejs-es6.jpeg
  credit: kost<NAME>
  creditlink: https://vuejsfeed.com/blog/using-es6-arrow-functions-in-vue-modules
  #url to their site or licensing
locale: "ko_KR"
# 리플 옵션
comments: true
tags:
- vue.js 시작하기
- vuejs 시작하기
- vue.js 튜토리얼
- vuejs 튜토리얼
- vue.js 장점
- vue.js 강좌
- vue.js 예제
- vue.js 강의
- vuejs란
- vue.js
- vuejs
- vuejs es6
- es6 문법
- vuejs를 위한 es6
- vue.js를 위한 es6
- vue.js를 위한 es2015
- 시작하기
- 튜토리얼
- do it! vue.js
- do it! vuejs
- 두잇 vue.js
- 두잇 vuejs
- vue.js 입문
- vue.js 입문서
- vue.js 프론트엔드 개발자
- 패스트캠퍼스
- Vue로 구현하는 PWA 캠프
- 인프런
- 누구나 다루기 쉬운 Vue.js
- 캡틴판교
- 장기효
---
{% include toc.html %}

## 들어가며
최근에 Vue.js를 소개하는 글을 올렸습니다. 그리고 이번에 Vue.js 입문서를 집필하면서
Vue.js가 갖고 있는 가장 큰 장점은 학습 곡선이 낮다는 점이라고 강조를 했었는데요.
최신 기술을 빠르게 학습해야 하고 능통해야 하는 것이 프런트엔드 개발자의 숙명이긴 하지만,
굳이 정말 많은 최신 기술들을 학습하지 않고도 웹 애플리케이션을 개발할 수 있는 프레임워크를
학습할 수 있다면 괜찮은 선택지이지 않을까요?

그렇다고 이번 글은 ES6를 배우지 않고도 학습할 수 있는 Vue.js 프레임워크를 소개하지 않습니다.
이번 글에서는 Vue.js 프레임워크를 사용할 때 알고 있으면 더 효율적으로 코딩할 수 있는
최신 자바스크립트 문법 4가지를 살펴보겠습니다.

혹시 Vue.js를 아직 예전 자바스크립트로 개발하신다면 한번 눈여겨보면 좋은 글인 것 같아요.
그럼 많은 도움 되시길 바라며..

Do it! Vue.js 입문서 저자<br>
<NAME>

## 서문
ES2015(ES6)는 현대 자바스크립트의 최신 스펙입니다. 만약 자바스크립트를 처음 접하셨거나 오랫동안 사용을 안 하셨다면
아래에서 살펴보는 ES6로 더 즐겁게 웹 개발을 하실 수 있을 겁니다.
<commit_msg>Updated the contents a bit<commit_after>---
layout: article
title: "Vue.js 개발을 위한 주요 ES6 문법 4가지"
date: 2018-01-24 18:22:32 +0900
categories: [web-development, translation]
excerpt: "(번역) Vue.js로 개발할 때 도움이 되는 ES6 문법 4가지를 간단한 설명과 예제로 살펴봅니다. 화살표 함수, 템플릿 리터럴, 모듈, 구조 분해 등"
image:
  teaser: posts/web/vuejs/vuejs-es6.jpeg
  credit: <NAME>
  creditlink: https://vuejsfeed.com/blog/using-es6-arrow-functions-in-vue-modules
  #url to their site or licensing
locale: "ko_KR"
# 리플 옵션
comments: true
tags:
- vue.js 시작하기
- vuejs 시작하기
- vue.js 튜토리얼
- vuejs 튜토리얼
- vue.js 장점
- vue.js 강좌
- vue.js 예제
- vue.js 강의
- vuejs란
- vue.js
- vuejs
- vuejs es6
- es6 문법
- vuejs를 위한 es6
- vue.js를 위한 es6
- vue.js를 위한 es2015
- 시작하기
- 튜토리얼
- do it! vue.js
- do it! vuejs
- 두잇 vue.js
- 두잇 vuejs
- vue.js 입문
- vue.js 입문서
- vue.js 프론트엔드 개발자
- 패스트캠퍼스
- Vue로 구현하는 PWA 캠프
- 인프런
- 누구나 다루기 쉬운 Vue.js
- 캡틴판교
- 장기효
---
{% include toc.html %}

## 들어가며
최근에 Vue.js를 소개하는 글을 올렸습니다. 그리고 이번에 Vue.js 입문서를 집필하면서
Vue.js가 갖고 있는 가장 큰 장점은 학습 곡선이 낮다는 점이라고 강조를 했었는데요.
최신 기술을 빠르게 학습해야 하고 능통해야 하는 것이 프런트엔드 개발자의 숙명이긴 하지만,
굳이 정말 많은 최신 기술들을 학습하지 않고도 웹 애플리케이션을 개발할 수 있는 프레임워크를
학습할 수 있다면 괜찮은 선택지이지 않을까요?

그렇다고 이번 글은 ES6를 배우지 않고도 학습할 수 있는 Vue.js 프레임워크를 소개하지 않습니다.
이번 글에서는 Vue.js 프레임워크를 사용할 때 알고 있으면 더 효율적으로 코딩할 수 있는
최신 자바스크립트 문법 4가지를 살펴보겠습니다.

혹시 Vue.js를 아직 예전 자바스크립트로 개발하신다면 한번 눈여겨보면 좋은 글인 것 같아요.
그럼 많은 도움 되시길 바랍니다.

Do it! Vue.js 입문서 저자<br>
<NAME>

## 서문
ES2015(ES6)는 현대 자바스크립트의 최신 스펙입니다. 만약 자바스크립트를 처음 접하셨거나 오랫동안 사용을 안 하셨다면
아래에서 살펴보는 ES6로 더 즐겁게 웹 개발을 하실 수 있을 겁니다.

{'fraction_non_alphanumeric': 0.09756909756909757, 'fraction_numerical': 0.02664002664002664, 'mean_word_length': 2.745635910224439, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 2, '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': '2896361', 'n_tokens_mistral': 2508, 'n_tokens_neox': 3029, 'n_words': 520}