String interpolation
템플릿 문자열, 백틱 문자열, f문자열
terminology string-interpolation template-literals variable-expansion variable-substitution
String interpolation
- 개념은 알고 있었는데 정확한 명칭이 잘 생각나지 않아 기록함
표준 용어 여부 확인
-
String interpolation
- 2020-06-05 현재, 760개 질문, string-interpolation, stackoverflow 태그 여부 확인 완료
- string-interpolation, en.wikipedia 용어 등록 여부 확인 완료
-
Template literals
- Javascript에서 표준용어
- 2020-06-05 현재, 268개 질문, template-literals, stackoverflow 태그 여부 확인 완료
- Variable expansion
- 2020-06-05 현재, 191개 질문, variable-expansion, stackoverflow 태그 여부 확인 완료
- Variable substitution
- 2020-06-05 현재, 46개 질문, variable-substitution, stackoverflow 태그 여부 확인 완료
잘 안쓰이는 용어?
위키피디아에서는 유사용어로 소개되어 있지만 잘 안쓰이는 용어
- Variable interpolation
- 2020-06-05 현재, 태그 미등록 확인함. variable-interpolation, stackoverflow 태그 미등록 확인 완료
빠른 개념 설명
Javascript에서 값을 문자열안에 포함하는 2가지 방식
ES6 이전 : string concaternation 방식
1
2
3
let currentTemp = 19.5;
// 00b0는 온도를 나타내는 유니코드 포인트
const message = "The current temperature is " + currentTemp + "\u00b0C";
ES6 부터 : template literals 방식
1
2
let currentTemp = 19.5;
const message = `The current temperature is $(currentTemp)\u00b0C`;
자바스크립트에서는 일반 문자열과 구분하기 위해 백틱(backtick)을 사용
관련 링크 (책 포함)
- 이선 브라운, 러닝 자바스크립트. 3rd Edition(2016). 번역판-한빛미디어(2017), p86. 3.8.1 템플릿 문자열
- Template Literals , CSS-Tricks
- Python String Formatting Best Practices
- ES6 In Depth: 템플릿 문자열 (Template string)