ES6 (2) 썸네일형 리스트형 구조분해 할당(Destructuring assignment) Front-End 소스를 보던 와중 아래와 같은 소스를 보게 되었고 내가 하고싶었던 것은 onMenuClick을 구현하고 싶었다. const Menu = ({ resource, onMenuClick, logout, classes }) => ( ... ); 그런데 onMenuClick을 구현 하더라도, 이를 Menu로 어떤식으로 전달을 해야하나 싶었다. 왜냐하면 파라메터 부분에 있는 중괄호 때문에. 이를 보고 Arrow Function으로 접근하였지만 답이 안나왔다. 다시 찾아보니 구조분해 할당(Destructuring assignment) 문법이라는것을 찾아 낼 수 있었다. Destructuring assignment은 ES6에서 배열과 object를 조금 더 쉽게 다루는 방식 중 하나로 추가되었다고 한.. Arrow Function(화살표함수) 최근들어 Front-End 작업을 하는데, Arrow Function이 상당히 많이 보이기 시작했다. 깊게 공부하기 귀찮아서 어느정도 자체 해석하면서 넘어가려고 하다, 이 정도 사용률이라면 제대로 알고 넘어가야 할것 같아 공부를 하기로 하였다. // 함수 표현식 function () {} // 화살표 함수 표현식 () => {} 먼저 Arrow Function는 ES6 문법이며, let, const만큼 많이 사용되고 있다고 한다. Arrow Function 공식 문서는 다음과 같다. 나는 내가 이해할 정도로만 짧고 명료하게 공부하고 넘어갈 것이기 때문에 구체적인 내용을 보고 싶다면 링크를 참고하는것을 추천한다. Arrow Function Expression 화살표 함수 화살표 함수 표현(arrow fun.. 이전 1 다음