Land of Joe
[JavaScript] 문자 중간에 변수 넣기(백틱) 본문
문자 중간에 변수를 넣고자 한다.
'Where is cat?' 의 사이에 'my'를 삽입하고자 한다
var a = 'my';
console.log('Where is ' + a + ' cat?');
// Where is my cat? 출력됨
위의 예시처럼 변수가 들어갈 자리 양옆으로 문자열을 나누고 + 덧셈기호를 통해 연결하면 된다.
하지만 덧셈기호가 너무 많아 지저분해 보인다.
이를 막기 위해 백틱 기호를 이용해 문자 중간에 변수를 삽입하는 방법이 있다.
var a = 'my';
console.log(`Where is ${a} cat?`);
// Where is my cat? 출력됨
백틱(``) 안에 ${ 변수명 } 을 넣어주는 것이다
백틱(``)을 이용하면
1. 문자 중간 enter키가 가능하다
2. 중간에 ${ 변수명 } 을 입력해 변수 삽입이 가능하다
* 백틱 기호(`)와 작은 따옴표(')를 구분해야 한다.
** 맥북에서 백틱 기호는 option키 + ₩를 동시에 누르면 된다.
(영문키일 땐 그냥 ₩만 누르면 됨)
'🌐 Web > 🟡 JavaScript' 카테고리의 다른 글
[JavaScript] 셀렉터 종류 (0) | 2022.11.23 |
---|---|
[JavaScript] function 문법 (0) | 2022.11.22 |
[JavaScript] 이벤트 버블링 (0) | 2022.10.12 |
[JavaScript] 탭 기능 구현하기, for 반복문 (0) | 2022.10.11 |
[JavaScript] 스크롤 이벤트 (0) | 2022.10.10 |