Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 배열의 오름차순
- 양방향 연결리스트
- 등차수열의 항 찾기
- disabled
- 범용 선택자
- 고차함수
- visibility : hidden
- innerhtml
- 배열의 내림차순
- classList.contains(string)
- Link
- Array.from()
- display : none
- 일반 형제 선택자 결합
- 단방향 연결리스트
- invalid assignment left-hand side
- 백준알고리즘
- 배열과 연결리스트의 차이
- filter()
- Em
- 객체
- indexOf
- nth-child()
- map()
- 가상 요소 선택자
- CSS
- for..of
- 인접 형제 선택자 결합
- Sort
- 쌍방향 연결리스트
Archives
- Today
- Total
프론트엔드 센트럴파크 (☞゚ヮ゚)☞
``(백틱)을 사용하는 이유 본문
``(백틱)을 템플릿 리터럴(Template literals)이라고도 부른다.
템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다.
템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다.
템플릿 리터럴은 작은따옴표(')나 큰따옴표(") 대신 백틱(`)(grave accent)로 감싸줍니다.
JS
const sample = `
Hello!
My name
is
micky!!`;
console.log(sample);
백틱(``)으로 줄바꿈을 쉽게 표현할 수 있다.
JS
const name = "메론";
const price = 15000;
const num = 5;
console.log(`${name}의 판매금액은 ${price * num}입니다.`);
${ }사이에 변수나 연산 등을 삽입 가능하다.
'Javascript' 카테고리의 다른 글
Math.ceil() (0) | 2022.03.30 |
---|---|
Math.floor() (0) | 2022.03.25 |
setInterval() (0) | 2022.03.24 |
innerText()과 innerHTML() 차이점 (0) | 2022.03.23 |
innerHTML() (0) | 2022.03.22 |
Comments