반응형
개요
1. 백틱 ``
- 키보드 왼쪽 Tab 버튼위에 위치
- ""와 다르게 Enter를 인식한다.
- 문자열과 변수를 같이 사용할 수 있다.
- 변수를 사용하는 경우 ${변수} 형태로 사용한다
2. insertAdjacentHTML(position, ‘문자열 형태의 태그’)
문자열 형식의 태그를 넣을때 사용
position
- beforebegin : 요소 이전에 위치
- afterbegin : 요소 내 처음 자식 이전에 위치
- beforend : 요소 내 마지막 자식 이후에 위치
- afterend : 요소 이후에 위치
예제
1. 문자열과 비교해 보기
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const name = "마달랭";
const introduce = "제 닉네임은 " + name + "입니다.";
const introduce2 = `제 닉네임은 ${name}입니다.`
console.log(introduce);
console.log(introduce2);
</script>
</body>
</html>
출력
문자열로 변수를 받아오는 것 보다 더 편한 것을 알 수 있다.
728x90
반응형
'웹(WEB) > 자바스크립트(JS)' 카테고리의 다른 글
| 자바스크립트 Array의 순회 메서드 (0) | 2024.08.06 |
|---|---|
| 자바스크립트 객체 지향(프로토타입, 클래스) (0) | 2024.08.05 |
| 자바스크립트 Spread, Rest (0) | 2024.08.05 |
| 자바스크립트 긍정/부정의 의미 (0) | 2024.08.05 |
| 자바스크립트 화살표 함수 (0) | 2024.08.05 |