728x90
반응형

ES6 3

[React] ES6 객체와 배열 스프레드 연산자 [...] - 가온 코딩

스프레드 연산자(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 =..

코딩 공부/React 2022.07.23

[React] ES6 객체와 배열 객체 리터럴 개선 - 가온 코딩

1. 객체 리터럴 개선 객체 리터럴 개선(object literal enhancement)은 구조 분해의 반대이다. 구조를 다시 만들어내는 과정 또는 내용을 한데 묶는 과정이다.이를 사용하면 현재 영역에 있는 변수를 객체의 필드로 묶을 수 있다. // Literal Enhancements var name = "Tallac" var elevation = 9738 var funHike = {name,elevation} console.log(funHike) 한글예시 const name = "탈락"; // 캘리포니아에 있는 산 const elevation = 9738; // 고도(단위: 피트) const funHike = {name, elevation}; console.log(funHike); // {name:..

코딩 공부/React 2022.07.23

[React] ES6에서의 변수 선언 const 키워드 - 가온 코딩

변수 선언하기 ES2015 전에는 var을 사용하는 것이 이전에는 유일한 변수 선언 방법이었다. 그러나 ES6부터 상수(contant)가 도입되었다. 상수는 값을 변경할 수 없는 변수이다. 일단 선언하면 상수로 선언된 값을 변경할 수 없다. // The value of a variable can change var pizza = true pizza = false console.log(pizza) // ES6 introduces constants const pizza = true pizza = false console.log(pizza) 참고자료 러닝 리액트(Learning React), 알렉스 뱅크스, 한빛미디어 (2021)

코딩 공부/React 2022.07.22
728x90
반응형