Day02(TEMPLATE LITERALS)

선종현·2022년 3월 15일
0

backend

목록 보기
2/12

오늘은 template literal에 대해
써보려고 합니다.

TEMPLATE LIETERAL이란,

우선 템플릿 리터럴은 변수를 이용해 동적으로
문자를 생성할 수 있는 문법입니다.

이것이 왜 필요하냐면, 이전에는 아래와 같은 코드를 썼습니다.

var name = "선종현"
var age = "25"
var intro ="이름: " + name + " ," + "age: " + age;

이 방식은 코드를 작성하는데 시간도 오래 걸릴 뿐만 아니라
코드를 읽는 입장에서 가독성이 떨어집니다.

위의 코드를 template lierals로 변경한다면

let name = "var name = "선종현"
let age = "25"
let intro = `이름: ${name}, age: ${age}`
_(템플릿 리터럴은 백틱 문자(` `)를 이용합니다.
  표현식을 사용할 때는 ${expreesion} 형식으로 입력합니다.)_

뿐만 아니라 여러 줄의 문자열을 생성하기도 쉽습니다.

그전에는 개행하려는 줄의 끝에 \n 기호를 입력해야만 줄 바꿈이 되었습니다.

하지만 리터럴을 이용하면 줄 바꿈을 하고 싶은 곳에
엔터를 치면 됩니다.

이전의 코드와 비교해 보면 코드 입력 속도와 가독성 면에서
template literal이 우수하다는 것을 알 수 있습니다.

profile
주니어 개발자가 되어보자

0개의 댓글

관련 채용 정보