템플릿 문자열, 화살표 함수, 분할 대입

템플릿 문자열 이용

const msg = `내 이름은 ${name}입니다. 나이는 ${age}세입니다.`;

화살표 함수 () => {}

• 인수가 1개인 경우에는 소괄호 생략 가능

const func2 = value => {
	return value;
};

• 처리를 한 행으로 반환하는 경우 중괄호와 return 생략 가능

const func4 = (num1, num2) => num1 + num2;

• 반환값이 여러 행일 경우에는 ()로 깜싼 뒤 단일 행과 같이 모아서 반환할 수 있다.

const func5 = (val1, val2) => (
	{
    	name: val1,
        age: val2,
    }
)

Prettier 참고 - 코드 형태 정리 규칙

ESLint 참고 - 정적 분석 도구

객체 분할 대입{} []

const myProfile = {
	name: "길동",
    age 24
};

const { name, age } = myProfile;

• 인수의 디폴트값

const sayHello = (name = "게스트") => console.log(`${name}님 안녕하세요`);
sayHello(); //게스트님 안녕하세요
sayHello("길동"); //길동님 안녕하세요

• 객체 분할 대입의 디폴트값

const { name = "게스트" } = myProfile;