일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- axios
- 리액트
- react localStorage
- 비트 연산자
- 브라우저
- 프리온보딩
- v9
- JS
- 파이어베이스
- state
- Reducer
- Frontend
- 알고리즘
- Component
- 타입스크립트
- 프론트엔드
- 컴포넌트
- Redux
- CORS
- JavaScript
- firebase
- TypeScript
- es6
- 프로그래머스
- 원티드
- til
- localstorage
- react
- array
- 자바스크립트
- 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..