오늘은 javascript의 arrow function 을 좀더 간단하게 사용하는 방법에 대해서 알아보도록 하겠습니다. arrow function 은 => 의 형태로 함수를 표현하는 것을 의미 합니다. 함수 선언 함수 작성방법 1 : 일반적인 function 사용 let arrowFunctionTest = function ( arg1 ) { console . log ( arg1 ); return arg1 ; } arrowFunctionTest ( 'test' ); 함수 작성방법 2 : =>를 사용 let arrowFunctionTest = ( arg1 ) => { console . log ( arg1 ); return arg1 ; } arrowFunctionTest ( 'test' ); 2에서는 function대신에 =>를 사용하여 함수 표기를 하였습니다. 처음 보면 굉장히 어색할 수도 있지만 계속 보다보면 1번보다 2번이 더 익숙해 질 것입니다. callback 인자로 넘기기 자 그럼 이번에는 함수 선언이 아닌 arrow function을 callback인자로 넘겨보도록 하겠습니다. 콜백 인자 1 : 일반적인 function 사용 let list = [1, 2, 3, 4, 5]; let newList = list.map(function(item){ return item + 1; }); 콜백 인자 2 : =>를 사용 let list = [1, 2, 3, 4, 5]; let newList = list.map((item) => { return item + 1; }); javascript코드를 작성을 하다보면 리스트에서 값을 조작하여 새로운 리스트를 만드는 경우가 상당히 많습니다. 저는 이런 경우 코드를 아무리 잘 짜도 왠지 깔끔하지 않는것 같은 느낌이 들었