[JS] ES6 Syntax - Restructuring

🔵 Restructuring

아래 두 가지는 같은 의미

🔵 ES5
const value = event.currentTarget.value

🔵 ES6
const {currentTarget: { value },
} = event

currentTarget 안에서 value, tagName, id 등 여러개를 가져올 때에 효율적

🔵 ES5
const value = event.currentTarget.value;
const tagName = event.currentTarget.tagName;
const id = event.currentTarget.id;

ES5에서는 이렇게 가져와야 하는 걸

🔵 ES6
const {currentTarget: { value, tagName, id } } = event

ES6는 이렇게 사용

event 안에 있는 currentTarget 안의 속성인 value를 가져오기 위해 const {currentTarget: { value } } = event에 :를 넣은 것으로,
event 안에서 바로 속성을 가져온다면 const {x, y} = event 으로 쓸 수 있다.