일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 자바스크립트
- 타입스크립트
- v9
- 파이어베이스
- array
- es6
- 리액트
- Frontend
- 원티드
- 프로그래머스
- CORS
- 알고리즘
- firebase
- react localStorage
- Component
- Reducer
- axios
- 프론트엔드
- Redux
- 프리온보딩
- state
- 비트 연산자
- 컴포넌트
- 브라우저
- JavaScript
- JS
- react
- localstorage
- til
- TypeScript
- Today
- Total
목록es6 (2)
도리쓰에러쓰
ES6에서는 더 간결하고 가독성 있는 객체 리터럴 기능 3가지를 제공했습니다. 지금부터 그 기능에 대해 알아보겠습니다. 1. 프로퍼티 축약 표현 기능 - 객체 리터럴의 프로퍼티는 프로퍼티 키와 프로퍼티 값으로 구성되어 있습니다. // ES5 let a = 1, b = 2; let c = { a: a, b: b }; console.log(c);// {a: 1, b: 2} - ES6에서는 프로퍼티 값으로 변수를 사용하는 경우 변수명과 프토퍼티 키가 동일한 이름일 때 프로퍼티 키를 생략할 수 있습니다. (프로퍼티 키는 변수명으로 자동 생성) // ES6 let a = 1, b = 2; let c = { a, b }; console.log(c);// {a: 1, b: 2} 2. 계산된 프로퍼티명 - ES5에서는..
1. const & let const와 let은 변수 선언을 위한 키워드입니다. (기존엔 var로 변수 선언) - const : var보다 강력하며, 변수가 사용되면 다시 할당할 수 없습니다. (상수이므로 변경 불가) * 아래 코드처럼 변경 불가능 const hobby = "walking"; hobby = "exercise";// Error - let : const와 달리 새로운 값을 가질 수도 있고 재할당도 가능합니다. (변경 가능) let phone = "iphone11"; phone = "iphone13"; console.log(phone);// Result : iphone13 2. Arrow Function Arrow Function은 코드가 간결해져서 가독성이 높아지는 함수 문법입니다. // E..