Template Literals은 back tic(``)을 의미한다.
JSON(자바스크립트 객체 표기방법)을 이용할때 template literals를 사용한다.
특징
- 일반적인 따옴표('',"")와는 달리 줄바꿈이 가능하다.
- 변수와 문자를 한번에 같이 작성할 수 있다. 이때 변수는 ${}로 감싸줘야 컴퓨터가 변수로 인식할 수 있다.
백엔드에서 프론트엔드에 응답으로 html문서를 보내는 경우가 있을수 있다. 하지만 HTTP를 이용한다면 텍스트 데이터만 보낼수 있다. 이때 template literals를 이용하여 html을 보낼수 있다.
아래와 같이 마크업(<>)언어를 사용해서 HTML문서를 보낼 수있다.
const myTemplate = `
<html>
<body>
<div style="display:flex; flex-direction:column; align-items:cneter">
<div style="width:500px;">
<h1>${name}님 가입을 환영합니다!!!</h1>
<hr/>
<div style="color:red">이름: ${name}</div>
<div>전화번호: ${phone}</div>
<div>좋아하는 사이트: ${loveSite}}</div>
<div>가입일: ${getToday()}</div>
</div>
</div>
</body>
</html>
`;JSON(Javascript Object Notation)자바스크립트의 객체처럼 표기하는 방법이라하는데 이는 백엔드에서 데이터를 보낼떄,응답을 보낼때 JSON형식으로 보낸다.
앞으로 꾸준히 보완해나가자!
성장에 목마른 입문자입니다!