자바스크립트 ES6

named parameter, 일명 '명명된 매개변수'는 함수 호출 시 넘기는 인자에 naming을 함으로써 함수가 필요로하는 인자가 무엇인지 명시적으로 드러내는 것을 말합니다. 코드 작성 시 개발자의 이해를 도울 수 있겠죠? 자바스크립트에서는 어떻게 구현할 수 있을까요? 살펴보시죠. *관련 개념: destructuring assignment <제목: named Params(명명된 매개변수)란?> *첫 번째 함수 예시 선언: const makePerson1 = (name, age) => ({name, age}); 호출: makePerson1('p1', 100); *두 번째 함수 예시 선언: const makePerson2 = ({name, age}) => ({name, age}); 호출: makePerson2({name: 'p2', age: 101}); 첫 번째 함수는 argument가 두 개입니다. name과 age이죠. 그래서 호출할 때도 'p1'과 100, 두 개의 인자를 입력합니다. 두 번째 함수는 argument가 한 개입니다. name과 age property를 가지는 object이죠. 그래서 호출할 때는 하나의 object만 전달됩니다. 이 둘의 차이점이 무엇일까요? 바로 호출하는 시점에서 어떤 인자가 들어가는지 확인할 수 있다는 것입니다. 첫 번째 함수의 parameter인 'p1', 100은 뭘 의미하는지 아시겠나요? 그에 반해 두 번째 함수의 parameter인 { name: 'p2', age: 101 }은 'p2는 name이고 101은 age이구나'를 바로 알 수 있겠죠?

정리: 해당 러닝패스를 통해 '화살표 함수 작성법, 구조 분해 할당, rest parameters, spread syntax, object(shorthand property, computed property name, named parameter), 배열 method, 삼항 연산자, Nullish coalescing operator(??), Logical Operator(||), Optional chaining, Template literals' 등.. 리액트 코드 작성, 이해에 필요한 JS ES6+ 지식을 훑어보셨습니다. 축하드려요! 👏👏👏 훑어보신 내용을 다 외우려 하기보다는 메타 지식을 얻었다는 느낌으로 코드를 작성하다가 '아 맞다, 그 문법 적용해봐야지' 라는 느낌으로 하나하나 실제 구현 시에 유용하게 꺼내 쓰신다면 코드를 깔끔하게 줄였다는 만족감과 함께, 기억 속에 더 오래 자리 잡게 될 거에요. 😄