더북(TheBook)

위 코드에서는 ES6 문법 템플릿 리터럴(Template Literal)을 사용하여 문자열을 합해 주었습니다. 이 문법을 사용하면 문자열 안에 자바스크립트 레퍼런스를 쉽게 넣어 줄 수 있습니다.

const name = '리액트';
// const message = ' 이름은 ' + name + '입니다.'
const message = ` 이름은 ${name}입니다.`;

여기서 사용되는 ` 문자는 백틱(Backtick)이라고 부르며, 키보드에서 숫자 키 1 왼쪽에 있는 키 `입니다.

CSS Module 클래스를 여러 개 사용할 때 템플릿 리터럴 문법을 사용하고 싶지 않다면 다음과 같이 작성할 수도 있습니다.

className={[styles.wrapper, styles.inverted].join(' ')}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.