Page 26 -
P. 26
TIP
4
템플릿 리터럴로 변수를 읽을 수 있는
문자열로 변환하라
이번 팁에서는 변수를 연결하지 않고 새로운 문자열로 만드는 방법을 살펴봅
니다.
문자열은 너저분할 때가 많습니다. 문자열에서 정보를 찾아내려면 대문자, 구
두점, 잘못된 철자가 가득한 못생긴 자연어와 씨름해야 합니다. 생각만 해도 골
치가 아파옵니다.
문자열에 정보를 추가하는 것은 조금 낫지만 이 경우에도 금세 어수선해집니
다. 자바스크립트에서 문자열을 연결하는 것은 특히나 골치 아픈 일인데, 변수
에 할당한 문자열과 따옴표로 감싼 문자열을 연결해야 하는 경우에는 더욱더
그렇습니다.
여러분이 늘 겪는 한 가지 문제를 살펴봅시다. URL을 생성하려고 합니다. 클
라우드 서비스에 올려진 이미지에 대한 링크를 생성하는 경우입니다. 클라우드
서비스는 꽤 훌륭합니다. 자원을 호스팅할 수도 있고, 쿼리 매개변수를 전달해
서 자원을 원하는 형태(높이나 너비 등)로 변경할 수도 있습니다.
여기서는 상대적으로 간단한 URL을 생성해봅시다. 클라우드 제공업체의 URL
과 이미지 ID를 조합하고, 여기에 이미지 너비를 쿼리 매개변수로 넘겨주는 형
식의 URL을 생성할 수 있는 함수를 만들려고 합니다.
1장 변수 할당으로 의도를 표현하라 039
코딩의기술_자바_07.indd 39 2019-12-13 오전 10:27:03