위 코드에서는 ES6 문법 템플릿 리터럴(Template Literal)을 사용하여 문자열을 합해 주었습니다. 이 문법을 사용하면 문자열 안에 자바스크립트 레퍼런스를 쉽게 넣어 줄 수 있습니다.
const name = '리액트'; // const message = '제 이름은 ' + name + '입니다.' const message = `제 이름은 ${name}입니다.`;
여기서 사용되는 ` 문자는 백틱(Backtick)이라고 부르며, 키보드에서 숫자 키 1 왼쪽에 있는 키 `입니다.
CSS Module 클래스를 여러 개 사용할 때 템플릿 리터럴 문법을 사용하고 싶지 않다면 다음과 같이 작성할 수도 있습니다.
className={[styles.wrapper, styles.inverted].join(' ')}