화살표 함수

📖 매개변수 목록 괄호 생략하기

// 기본 형태
(userName) => {...}

// 하나의 매개변수만 사용하는 경우
userName => {...}

함수에 매개변수가 없는 경우 괄호를 생략해선 안됨

📖 함수 본문 중괄호 생략하기

반환문 외에 다른 로직이 없는 경우, 생력 가능

number => {
    return number * 3;
}
number => return number * 3;

📖 특수한 경우: 객체만 반환하는 경우

number => { age: number }; // 자바스크립트는 중괄호를 JS 객체를 생성하는 코드가 아닌 함수 본문 래퍼로 취급하기 때문에 이 코드는 유효하지 않음

number => ({ age: number }); // 추가 괄호를 써서 객체를 감싸줍니다.

객체와 중괄호를 추가 괄호로 감싸면, 자바스크립트는 중괄호가 함수 본문을 정의하는 것이 아니라 객체를 생성하기 위한 것임을 이해함 따라서 객체가 반환됨