es6 ECMA script 2015 버전의 함수 사용법
arrow function
* es5 : 순수 함수와 클래스의 역할 한꺼번에 함
*es6 : 함수와 클래스 분리.
es6 버전의 함수는 internet explorer에서 실행되지 않는다. 하지만 사용하는 이유
1. 코드의 라인수가 엄청 줄어든다
2. js 의 자유로운 형변환이 덜 자유로워졌다
3. 유지보수가 쉬워졌다
4. react, angular가 es6기반이다
5. ie가 안되는 것의 해결방안이 있다
(es6로 만들고 es5로 변환하기)
↓
* es6로 만들고 es5로 변환하기*
변환프로그램 (babel) 이용. ex webpack ( babel 이 여기에 포함됨)
웹환경, 개발환경을 연결해 준다.
1. 일반적인 만들고 호출하기
1) ~es5의 함수
2) es6의 arrow function
var 변수명 = (매개변수) => {}
- 한줄일때는 중괄호 없어도 된다. 멀티라인은 중괄호 필요
-람다방식
2. 태그를 클릭했을 때 함수 실행
1) ~ es5
2) es6
() => {}