Cosmic dust

스프레드 연산자(spread operator)는 3개의 점(...)으로 이뤄진 연산자로, 몇 가지 다른 역할을 담당한다. 먼저, 스프레드 연산자를 사용해 배열의 내용을 조합할 수 있다. ex) 두 배열이 있다면, 두 배열의 모든 원소가 들어간 세 번째 배열을 만들 수 있다. 1. 배열과 스프레드 연산자 // Spread Operator // var peaks = ["Tallac", "Ralston", "Rose"] // var canyons = ["Ward", "Blackwood"] // var tahoe = [...peaks, ...canyons] // console.log(tahoe.join(', ')) // "Tallac, Ralston, Rose, Ward, Blackwood" let arr1 =..

리액트에서는 ES2016부터 객체와 배열을 다루는 방법과, 객체와 배열 안에서 변수의 영역을 제한하는 방법을 다양하게 제공하기 시작했다. 이런 기능으로는 구조 분해(destructuring), 객체 리터럴 개선, 스프레드 연산자(spread operator) 등이 있다. 1. 구조 분해 구조 분해를 사용하면 객체 안에 있는 필드 값을 원하는 변수에 대입할 수 있다. 아래 sandwich 객체에는 4개의 필드가 있는데 그 중에서 bread와 meat의 필드값만 필요한 상황이다. // Destructuring Assignment var sandwich = { bread: "dutch crunch", meat: "tuna", cheese: "swiss", toppings: ["lettuce", "tomato"..