ES6 (2) 썸네일형 리스트형 ES6: Destructuring (구조분해 할당) 이번 스프린트부터 리액트를 다루게 되는데, ES6 문법을 잘 알고 있어야 리액트를 활용한 과제를 진행할 수 있다고 한다. 그중 Destructuring이 익숙지 않아 블로그에 정리해 본다. Destructuring assignment란? 배열이나 객체의 속성을 해체하여 그 값을 변수에 담을 수 있게 하는 JS 표현식인다. 간단히는 배열과 객체를 좀 더 편하게 다루기 위해 ES6에서 추가된 방법이다. 해체라는 단어가 모호하기 때문에 이전 문법과 비교해서 예시를 보는 게 이해하기 쉬웠다. Array destructuring 이전 문법에서 우리가 배열에서 어떤 값을 추출하기 위해서는 아래와 같이 변수들 각각의 인덱스를 지정해 주어야만 했다. var number = [1, 2, 3, 4, 5]; var a = .. JavaScript ES5 와 ES6 달라진 점 01 자바스크립트를 처음 배울 때는 대체로 ES5로 배웠던 것 같다. 알고리즘 코드를 리뷰하면서 같은 코드를 다르게 표현하는 방법을 보게 되었고, ES5와 ES6의 표현의 차이가 크다는 것을 알았다. 공부 좀 미리한 친구들은 ES6 버전으로 긴 코드를 팍팍 줄여 작성하고 있었음. 두 가지 모두 알고 있어야 한다는데 현재의 나는 화살표 함수가 굉장히 헷갈리는 중. 이제라도 주요 달라진 점을 정리하고 공부 하면서 추가해 나가려고 합니다. 변수 선언 var : 함수 스코프를 가지므로 블록과 관계 없이 접근할 수 있음. let : 사용법은 var 문과 같지만 블록 스코프를 가지며, 블록 밖에서는 변수에 접근할 수 없음. const : let 과 동일한 블록 스코프를 가지며, 한 번만 할당할 수 있는 변수(상수)를 선.. 이전 1 다음
