ES62 [JS] React에서 자주 사용되는 JS 문법 몇가지 오늘은 React에서 자주 사용되는 JS 최신 문법(es6) 몇가지에 대해 알아보자. 1. Object Shorthand Assignment 예를 들어 name, age라는 2개의 변수와 person이라는 객체가 있다고 가정하자. 그 객체 안의 key와 value의 값은 아래와 같다. let name = "Lee" let age = "20" let person = { name: name, age: age } console.log(person); 콘솔창에 찍어보면 name에 변수 name이 age에는 변수 age가 잘 들어간 것을 볼 수 있다. 위의 경우처럼 key의 이름과 value의 이름이 서로 같다면 아래처럼 위의 코드보다 간결하게 코드를 작성할 수 있다. let name = "Lee" let age.. 2023. 2. 1. [JS] ES6 문법을 알아보자 우선 ES6의 ES는 ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다. 또한, 6는 버전을 의미하며 ES6는 2015년에 나타났다. 이 업데이트로 자바스크립트의 많은 부분이 변하였고, 편리한 기능이 생겨났다. 1. const / let의 등장 const와 let이 등장하기 전에는 변수를 선언 할 때 var만이 존재했다. 하지만 var에는 문제가 있었고, 이를 해결하기 위해 ES6를 통해 const / let을 추가하였다. const: 객체와 함께 사용할 때를 제외하고 변경이 불가능한 변수 (상수) let: 새로운 값을 받을 수 있고, 재할당을 할 수 있다. const와 let이 등장했기때문에 *var 사용을 피하는 것이 좋다. ( *변수 선언 let, var, const ) .. 2022. 8. 12. 이전 1 다음
