ES6

ES6는 ECMAScript6 의 약자이다.

ES6는 2015년에 나온 JS버전이라고 생각하면 되는데 ,

이후로 계속해서JS가 업데이트 됨에도 불구하고 ES6로 불리는 이유는 새로운 기준이 될만큼 JS가 변경이 많이 되었기 때문이다.

그리고 그 이후에 변경이 된 내용들은 조금씩만 변경이 되었기때문에

큰 그림은 ES6가 새로운 기준이 되었다.

그래서 ES6에서 많이 새롭게 변경된 부분으로 현재 사용되고 있고,

실제로도 진짜 편하기도 하다.

아래는 추가된 내용

1. let, const 키워드

기존에는 var 키워드를 사용했지만, let 과 const를 도입함으로서 키워드만 보고도

변수의 변동성에 대해 알아볼 수 있게 되었다

2. 템플릿 리터럴

예전에는 'str'+입니다 이런식으로 문자열과 변수를 연결해줬는데 템플릿 리터럴이 생긴 이후로 백틱을 이용해서

문자열을 이어주는게 훨씬 편해졌다.

`저는 ${name} 입니다`

3. 객체 리터럴

속성과 할당하고자 하는 값이 일치하는 경우 생략 가능

const user = {
	name : name,
	age : age,
	school : school
}

을

const user = {
	name,
	age,
	school
}

이렇게 작성해줄 수 있다.

4. 화살표 함수

예전에는

let func = function(arg1, arg2, ...argN) {
  return expression;
};

이렇게 사용했던 애들이

let func = (arg1, arg2, ...argN) => expression

이제는 이렇게 사용한다!

출처 : https://ko.javascript.info/arrow-functions-basics

5. 구조분해할당

객체나 배열에서 사용하며 개별 변수에 값을 할당한다

const obj = {
	firstName : 'sora',
	lastName : 'ji'
}
const {firstName, lastName } = obj;

6. Promise

자바스크립트는 동기적으로 기능하는데,

비동기처리를 위해 사용되는 객체이다.

프로미스의 상태에는

• Pending (대기) : Promise 생성 시
• Fullfilled (이행) : resolve 실행 시
• Rejected (실패) : reject 실행 시

가 있다.

7. Class

자바스크립트는 자바나 c처럼 클래스 기반의 객체 지향 프로그래밍 언어와는 다른데,

클래스의 장점을 받기위해 만든것으로 알고 있다.

클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀로, 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다.

출처 : https://ko.javascript.info/class

8. multi-line string

백틱을 사용하고 나서 문자열의 개행이 가능해졌다

let str = `안
녕
하
셈`

9. default parameter

기본값을 정해줄수있게되었다.

기본값을 설정해주지 않으면 undefined가 뜨는데

function user(name = "sora") {
  console.log("hiiii" + name);
}

이렇게 기본값을 설정해주면 변수를 설정해주지 않아도 기본값이 들어가게 된다.