window.addEventListener('click', () =&gt; { const htmlStr = ` &lt;button class="menu-btn" data-value="1"&gt; &lt;img class="icon" src="../images/ilbuni1.png" alt=""&gt; &lt;span class="btn-label"&gt;일분이 1&lt;/span&gt; &lt;/button&gt; &lt;button class="menu-btn" data-value="2"&gt; &lt;img class="icon" src="../images/ilbuni2.png" alt=""&gt; &lt;span class="btn-label"&gt;일분이 2&lt;/span&gt; &lt;/button&gt; &lt;button class="menu-btn" data-value="3"&gt; &lt;img class="icon" src="../images/ilbuni3.png" alt=""&gt; &lt;span class="btn-label"&gt;일분이 3&lt;/span&gt; &lt;/button&gt; `;

여기서&nbsp;&nbsp;`&nbsp;`인용구를 왜 넣은건지 궁금해요.

`은 백틱(backtick)이라고 부르는데요,&nbsp; 자바스크립트에서 템플릿 문자열이라고 불리는 기능을 한답니다. ' 또는 " 와 다르게, 중간에 줄넘김도 가능하고, 중간에 변수를 넣기도 쉽습니다. const a = 100; const str = `네 나이가 ${a}살이니?`; 이런 식으로요. 따옴표 대신 사용했다고 생각하시면 됩니다. 자세한 내용은 아래 링크를 참고해보세요~
<a href="https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals" target="_blank" rel="noopener noreferrer">https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals</a>

인프런 커뮤니티 질문&답변

인용구 질문