Introduction

ECMAScript6란?

• 2015년 6월에 발행된 새 자바스크립트 표준 명세
• 'ECMAScript2015', 'ES6', 'ES2015', '하모니'
• 왜?
  • 기존의 단점들을 많이 개선하고 해결한 강력하고 즐거운 언어
  • 개선될 브라우저 지원
  • ES5로 변환해주는 트랜스파일러로 올드 브라우져 지원가능
  • 자바스크립트의 미래

목적과 참고자료

• 목적 : ES6 새로운 기능 + 주요한 기본적인 내용(주의점들)들의 공유
• 참고한 내용들
  • 러닝 자바스크립트(http://book.naver.com/bookdb/book_detail.nhn?bid=12181869)
  • ECMAScript 6 길들이기(http://book.naver.com/bookdb/book_detail.nhn?bid=10087062)
  • 이펙티브 자바스크립트(http://book.naver.com/bookdb/book_detail.nhn?bid=7283193)
  • ECMAScript 6: 새로운 특징의 실제적 이점은 무엇일까요?
• 더 볼만한 자료들
  • 훌륭한 자바스크립트 개발자가 되는 법
  • ES6 기술블로그 : http://hacks.mozilla.or.kr/category/es6-in-depth/
  • https://github.com/lukehoban/es6features#readme
  • http://exploringjs.com/es6/

ES6을 사용하기 위한 준비

• 트랜스컴파일러(Babel)
  • 올드 브라우져의 지원을 위해서 ES5로 변환해주는 트랜스컴파일러 필요 (http://metric.navercorp.com/share/pc)
  • Babel ES6 Preset : https://kangax.github.io/compat-table/es6/ 에서 확인하면 현재 71%정도 트랜스컴파일 지원
• 린트(ESLint) 프로그램
  • 외출전 보푸라기(Lint)를 제거하 듯 코드의 결함도를 미리 체크
• 코드 컨벤션
  • https://google.github.io/styleguide/jsguide.html
  • https://github.com/tipjs/javascript-style-guide
  • https://github.com/rwaldron/idiomatic.js/tree/master/translations/ko_KR