일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바스크립트
- Frontend
- 프리온보딩
- 프론트엔드
- 컴포넌트
- firebase
- TypeScript
- 알고리즘
- react
- array
- react localStorage
- 타입스크립트
- localstorage
- axios
- Component
- 리액트
- 비트 연산자
- til
- 파이어베이스
- 원티드
- Reducer
- v9
- 브라우저
- JS
- Redux
- es6
- JavaScript
- CORS
- state
- 프로그래머스
- Today
- Total
목록es6 (2)
도리쓰에러쓰
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/PWTCo/btryO5trm5K/CiA6tPBKTKi73f6R6GEukK/img.png)
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에서는..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/zH7qt/btryOmbwdD9/MvnVlXO25EoCwfNkmN4t7K/img.png)
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..