Page 29 -

이제 앞서 작성했던 문자열 연결 코드를 템플릿 리터럴 한 줄로 정리할 수 있을
것입니다. 한번 작성해보세요.

작성한 코드는 아마 다음과 같을 것입니다.

variables/literals/literals.js
function generateLink(image, width) {
return `https://${getProvider()}/${image}?width=${parseInt(width,
10)}`;
}

훨씬 더 깔끔하지 않나요? 템플릿 리터럴이 문자열 연결을 크게 개선했기 때문
에 예전 방식으로 문자열을 연결하는 일은 거의 없을 것입니다. 예전 방법이 나
은 경우는 추가 정보가 없는 두 변수를 연결하는 경우뿐입니다. 이때도 템플릿
리터럴을 사용할 수 있는데, 다른 개발자에게 문자열이 반환된다는 점을 알릴

수 있어 유용합니다.
다음 장에서는 데이터 컬렉션을 다루는 방법을 살펴보겠습니다. 이번 장에서

살펴본 여러 가지 개념을 이용해 새로운 컬렉션이나 기존의 컬렉션을 선택할
것입니다.

042

코딩의기술_자바_07.indd 42 2019-12-13 오전 10:27:04