[JavsScript] 자바스크립트 문자열과 식 함께 다루기

037_자바스크립트 문자열과 식 함께 다루기 [적용] 여러 문자열을 다루고 싶을 때 문자열 내 변수를 다루고 싶을 때 [문법] 구문 의미 문자열 + 문자열 + ... 문자열 결합 `${문자열1}${문자열2}${문자열3} 문자열 결합, 변수의 이용 [내용] 자바스크립트에서는 + 연산자를 문자열, 변수와 함께 사용할 수 있다. const userName = '고양이'; const tag = '' + '안녕하세요' + userName + '님' + ''; 문자열과 변수를 추가할 때마다 매번 + 연산자를 사용하기는 번거로운 데다, 코드의 가독성도 떨어진다. 템플릿 문자열 ``을 사용해 이 문제를 해결할 수 있다. 템플릿 문자열은 여러 행의 문자열을 다루거나 문자열 내부에 식을 삽입할 수 있다. const use..

2022.05.20

[JavaScript] (`) 백틱(backtick)과 템플릿 리터럴

세상 강력한 백틱(backtick) JavaScript에서 템플릿 리터럴에 활용되는 강력한 문자가 있다. 바로 키보드에서 숫자 1 왼쪽에 자리하고 있는 문자 (`) 이다. 이 문자를 백틱(backtick)이라고 하는데 언뜻 잘못보면 작은 따옴표와 혼동하기 아주 딱 좋다... 영문명칭으로는 Backquote, backtick, grave accent 등 다양한 이름이 붙어있다. 자바스크립트에서는 백틱(`)을 사용하여 문자열을 표현하는 것을 '템플릿 리터럴'이라고 한다. 백틱을 사용하는 장점은 여러가지가 있지만 가장 큰 장점은 다음과 같다. 1. (\n) 등을 사용하지 않고도 줄바꿈을 쉽게 할 수 있다. 2. 문자열 내부에 표현식을 포함 할 수 있다. 3. 표현식을 사용함으로써 (' ')(" ")라던가 (+..

2021.03.05