ES6 문법

1. const : 상수

2. let : 구문적인 변수 영역 규칙(렉시컬 스코프 lexical variable scoping), 변수 유효범위를 중괄호{}안에 한정함.

3. template string(템플릿 문자열) : `여기는 문자열 ${title}입니다.`

4. default parameter(디폴트 파라미터) : 함수 파라미터에 디폴트 값을 지정할수 있음.

5. arrow function(화살표 함수) : () => {},  객체를 return할때는 ({}) 객체를 소괄호로 둘러싸야 됨.

6. destructuring(구조분해) : 객체나 배열로부터 쉽게 변수에 값을 할당할 수 있음

// 객체
var obj = {
	a: 1,
    b: 2
};
var {a, b} = obj;
console.log(a) // 1
console.log(b) // 2

// 배열
var arr = [서울, 경기도, 강원도];
var {city} = arr;
console.log(city) // 서울

var arr = [1, 2, 3];
var {, a, } = arr;
console.log(a) // 2

7. object literal enhancement(객체 리터럴 개선) : 구조 분해의 반대, 변수로부터 객체를 만듬.

var a = 1;
var b = 2;

var obj = {
	a,
	b
};

// 하위 구조와 같음
var obj = {
	a = 1,
	b = 2
};

8. spread operator[..](스프레드 연산자) : 배열로 새로운 배열을 쉽게 생성

9. promise(프라미스) : ajax콜백을 쉽게 처리

10. 클래스 : class 예약어 사용

11. ES6 모듈 : import, export

12. CommonJS : require, module.export

 

함수형 프로그래밍(선언적)

특징: 프로그램을 작은 함수단위로 쪼개고 함수를 합성하는 방식

1. 불변성 : 객체나 배열을 생성할 때 기존에 값들을 변경 하지 않는다.

2. 순수성 : 하나 이상의 인자를 받고 , 인자가 같으면 항상 같은 값이나 함수를 반환한다.

3. 데이터 변환 : Array.map, Array.reduce

4. 고차 함수 : 함수를 인자로 받거나 리턴한다.

5. 재귀함수 : loop를 재귀로 호출

6. 합성 : 여러개 함수를 합성하기

const compose = (...fns) =>
	(arg) =>
    	fns.reduce(
        	(composed, f) => f(composed),
            arg
        )

 

 

참고: Learning React 도서