arrow function

테스트를 풀다보면 다양한 풀이법에 =>이런 문법이 나온다.
사실 나도 react를 공부하면서 사용했던 문법이지만 정확한 용도는 알지 못한 채로 사용했었다.

=>이게 뭘까?

찾아보니 Javascript ES6문법 중 화살표 함수(arrow function)라고 한다.
function 키워드를 사용해서 함수를 만드는 것보다 간단히 함수를 표현할 수 있는 장점이 있다.
예를 들어

//일반 함수
const add = function ( num1, num2) {
 	return num1+num2;
   }

//화살표 함수
const add =        ( num1, num2) => {
 	return num1+num2;
   }

   
//화살표 함수 더 간단하게
const add =        ( num1, num2) => ( num1+num2) ;
  

이렇게 사용할 수 있다.
function이 있던 자리를 지우고 화살표를 추가하면 된다.
또한, return을 사용할 때 return을 지우고 괄호를 열어주면 되는데 return이 한 줄이라면 괄호까지 생략할 수 있다.
그러면 아래처럼 한 줄로 깔끔하게 표현 가능하다.

//return 괄호 생략한 버전
const add =        ( num1, num2) => num1+num2 ;