Angular 생소한 문법 Arraw

일반적인 자바스크립트에서 갖는 Function 구조는

   var obj = {
        myMethod: function () {
            setTimeout(function () { ... }, 0);
        }
    }

이런식이나 Angular 공부를 하던중 처음보는 기호? => 이런식의 문법이 들어간걸 보고 찾아본 결과

@Component({
   selector : 'product2',

   providers : [{
      provide : ProductService,
      useFactory : (isDev) => {
         if (isDev) {
            return new MockProductService();
         } else {
            return new ProductService();
         }
      }, deps : ['IS_DEV_ENVIRONMENT']
   }],

   template : '{{ product.title }}'
})
class Product2Component {
   product : Product;

   constructor (productService : ProductService) {
      this.product = productService.getProduct();
   }
}

(isDev) => {} 

function(isDev) {} 과 동일 하단다. 

이런 문법을 화살표 함수 Arrow Function 이라 부르는데 ECMAScript6 에 정의해놨다라지만.. 

어쨋는 첨 보고 생소함. 

인수에 대한 상세:

        () => { ... } // 인수가 없을 때
         x => { ... } // 인수가 하나일 때
    (x, y) => { ... } // 인수가 여러 개일 때

몸체에 대한 상세:

    x => { return x * x }  // 블록을 사용
    x => x * x  // 표현식. 위와 동일

나중에 이내용은 따로 포스팅 해야겠다. 

새로운건 계속 나오고 공부할양은 방대해지고

Angular 를 공부하고 나면 Vue 도 공부해야 할거 같고. React 까지.. 

처음 개발자에 입문했을때 Struts 구조에서 Spring 구조로 Framework 의 과도기 시즌이었다면,

현재는 프론트엔드 Framework의 춘추전국시대 인가 싶다. 

처음 안드로이드 개발자로 발을 딛으면서 하이브리드 앱개발을 담당하게 되면서 자연스럽게 Html 관련해서 익히게 되었고,

jQuery, javascript 를 익히게 되면서 웹관련 FrontEnd 개발자로 활동하게 되고

뭔가 시장의 트렌드 대로 나 역시 흘러가고 있다는 생각이 드는데.

아직까진 거부감이 없이 흡수하는것에 재미를 느끼고 만족한다고 하지만

이렇게 급변해가는 개발 패턴이 지속되면 과연 언제까지 버틸 수 있을까도 참 의문이다.