# Javascript Template literals

# Javascript Template literals

by jihoon kim

HTML

<h1>Javascript Template literals</h1>

<pre id="contents">
# Template literals
    ` == back-tick == quote === grave accent == https://en.wikipedia.org/wiki/Grave_accent

    ※ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals

# Syntax
    `string text`

    `string text line 1
     string text line 2`

    `string text ${expression} string text`

    tag `string text ${expression} string text`

# 다중 선 템플릿 문자열
    - 템플릿 문자열은 포함 식을 용납하는 문자열 리터럴입니다.
    - 작은따옴표나 큰따옴표 대신에 back-tick (` `) (grave accent)문자로 묶습니다.
    - 자리 표시자를 포함 할 수 있습니다.
    - 이들은 달러 기호와 중괄호로 표시됩니다. ::> ${expression}

# 개행문자를 템플릿 문자열에 표현하기.
    console.log("string text line 1\n\
    string text line 2");
    // "string text line 1
    // string text line 2"

    ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕ ↕

    console.log(`string text line 1
    string text line 2`);
    // "string text line 1
    // string text line 2"


</pre>

<script>
function autolink(id) {
  var container = document.getElementById(id);
  var doc = container.innerHTML;
  var regURL = new RegExp("(http|https|ftp|telnet|news|irc)://([-/.a-zA-Z0-9_~#%$?&=:200-377()]+)","gi");
  var regEmail = new RegExp("([xA1-xFEa-z0-9_-]+@[xA1-xFEa-z0-9-]+\.[a-z0-9-]+)","gi");
  return doc.replace(regURL,"<a href='$1://$2' target='_blank'>$1://$2</a>").replace(regEmail,"<a href='mailto:$1'>$1</a>");
}

window.onload = function () {
  var container = document.getElementById("contents");
	container.innerHTML = autolink("contents");
}
</script>