자주 쓰이는 es6 문법
-const & let
- Arrow Fn (화살표함수)
-Template Literals (템플릿 리터럴)
${}
-Default Prameters(기본 매개 변수)
const func = (name, age) => {
return 이름${name} 나이${age}`;
}
func('철수'); //지금 이름만 입력해서 밑에 나이는 undefined 나옴.
// 이름; 철수 / 나이: undefined
근데 기본매개변수 쓰면,
const func = (name, age = 12) => {
return 이름${name} 나이${age}`;
}
func('철수'); //지금 이름만 입력했는데도, 나이는 12가 나옴.
// 이름; 철수 / 나이: 12
-Array and Object Destructing (배열 및 객체 비구조화)
예전에는,
const name = user.name;
const age = user.age;
이런식으로 했는데,
배열 및 객체 구조화 쓰면,
const data = user; // data 에 name, age, address, favorite 프로퍼티를 담는다는 뜻임.
const data = {name:~, age:~, address:~} // user object를 표현.
const {name, agem address} = {name:~, age:~, address:~} // data에 가져올 프로퍼티 키만 작성한다는 뜻임.
const {name, age, address, ...rest} = user;
const [a, b, ...lsitRest] = list;
-Rest Parameter and Spread Operator (나머지 매개 변수 및 확산 연산자)
