Strings and Template Literals

자바스크립트에는 문자열을 작성할 수 있는 2가지 방법이 있다.

String

기본적으로 문자열을 작성때는 single quote 또는 double quote를 사용해 작성한다.

const fistName = 'Bo Hyeon';
const lastName = "Kim";
const birthDay = 1998;
const year = 2021;
const str = 'I am ' + firstName + ', ' (year-birthDay) + 'years old'

이때 str에는 I am Bo Hyeon, 23years old가 저장 된다.

만약 스트링이 매우길어지거나 변수가 많아진다면 그걸 일일이 작성해야 되는 하드코딩을 해야 할 것이다.

이를 위해서 template literal, 또는 template string이 나왔다.

Template Literal

템플릿 문자열을 작성할때는 일반 문자열과 달리 `(백틱)으로 감싸고 변수가 들어갈 공간은 ${변수} 로 감싼다.

const fistName = 'Bo Hyeon';
const birthDay = 1998;
const year = 2021;
const str = 'I am ${firstName}, ${year-birthDay}years old'

이는 드라이 코딩을 가능케 하고 훨신 더 보기 좋다.