[Javascript] 문자열 줄바꿈하는 2가지 방법

백준 2번째 문제를 푸는데...

자바스크립트로 줄바꿈을 하는 것 조차 잘 모르겠더라...

그래서 정리 고고!

 

1 escape 문자 사용하기

---

문자열에 New line을 뜻하는 '\n' 이스케이프 문자를 넣어주면 줄바꿈 된다.

하지만 문자열 안에  escape 문자인 '\n'을 사용하면, 가독성이 떨어진다는 단점이 있따.

 

See the Pen by seyoungjoy (@seyoungjoy) on CodePen.

※Element.innerHTML

요소(element)내에 포함된 HTML 또는 XML 마크업을 가져오거나 설정한다.

 

 

 

2 템플릿 리터럴(Template literals) 문자 사용하기

---

문자열을 정의할 때 따옴표(', ")를 사용하는 대신 백틱(`)을 사용하면,

escape 문자를 사용하지 않아도, 입력한 그대로 문자열이 표현된다.

 

이렇게 백틱을 이용해서 문자열을 표현하는 것을 템플릿 리터럴 이라고 한다.

 

See the Pen by seyoungjoy (@seyoungjoy) on CodePen.

 

 

 

 

 

 

 

 

참고 

[Javascript] 문자열 줄바꿈하는 2가지 방법 (여러줄 표현하기)