String
- 언제나 문자열을 열었던 것과 동일한 방식으로 닫아야 한다.
즉, "를 썼으면, "로 닫아야한다. ' '로 닫게 되면, 에러가 뜨거나, 문자열로 인식하지만 한덩어리의 텍스트로 인식되어 버린다.
- 만약에 ' 작은 따옴표를 하나만 보여주고 싶다면, 큰 따옴표로 감싼다.
"'" 이렇게 말이다.
app.js - Template Literals
const defaultResult = 0;
let currentResult = defaultResult;
currentResult = (currentResult + 10) * 3 / 2 - 1;
let calculationDescription = `( ${defaultResult} + 10) * 3) / 2 - 1`;
outputResult(currentResult, calculationDescription);
- 작은 따옴표(' ') 대신에 백틱(``)을 사용한다.
- 그렇게되면, defaultResult는 문자자체로 나오게 되므로, Syntax를 사용한다.
Syntax는 ${value}과 같이 쓴다.
- 현재는 defaultResult의 상수 값을 표현한다.
- 만약 작은 따옴표를 쓰게 된다면 Syntax가 표현되지 않기에, ${defaultResult}가 출력된다.
- 이런 과정을
Template Literals 이라고 한다.
Template Literals
- Template Literal의 장점은 여러 행으로 된 문자열을 쉽게 작성할 수 있다.
- 자동으로 렌더링을 했기 때문에, 쉽게 줄 바꿈을 추가할 수 있다.
- 즉, 긴 문자열들을 줄 바꿈을 통해서 가독성이 좋아진다.
- 하지만 CSS가 지정되면, 바로 전부 문제가 되기 때문에, 이 형식을 사용할 떄는 여분의 공란이나 줄 바꿈이 있는 문자열을 생성하는 경우에만 사용해야한다는 점을 주의해야 한다.
- 즉, 가독성만의 이유로 사용하면 안된다.
app.js
const defaultResult = 0;
let currentResult = defaultResult;
currentResult = (currentResult + 10) * 3 / 2 - 1;
let calculationDescription = `( ${defaultResult} + 10) * 3) / 2 - 1`;
let errorMessage = 'An error \n' +
'occurred!';
outputResult(currentResult, calculationDescription);
\n을 사용하게 되면, 줄바꿈으로 인식하게 된다.\n은 Template Literals 또한 지원한다.\는 많은 역할을 한다.
만약에, 작은 따옴표 하나만 출력하고 싶을 때는 \'와 같은 형식으로 적게 되면, 된다.\\또한, \를 표시하기 위해서 사용된다.