The Heungsub

multiline.js

JavaScript에서 여러 줄 또는 큰 문자열을 다루는 방법은 다음과 같습니다.

var a = "<dl>" +
        "  <dt>Name</dt>" +
        "  <dd>Heungsub Lee</dd>" +
        "  <dt>Job</dt>" +
        "  <dd>Programmer</dd>" +
        "  <dt>Homepage</dt>" +
        "  <dd>" +
        '    <a href="http://heungsub.net/">http://heungsub.net/</a>' +
        "  </dd>" +
        "</dl>";
var b = '<dl> \
           <dt>Name</dt> \
           <dd>Heungsub Lee</dd> \
           <dt>Job</dt> \
           <dd>Programmer</dd> \
           <dt>Homepage</dt> \
           <dd> \
             <a href="http://heungsub.net/">http://heungsub.net/</a> \
           </dd> \
         </dl>';

뭐 불가능한 건 아니지만 +나 \가 지저분하고 불편해서 싫으네요. 그래서 대안으로 multiline.js를 제안해봅니다.

var markup = multiline(function() {/*
  <dl>
    <dt>Name</dt>
    <dd>Heungsub Lee</dd>
    <dt>Job</dt>
    <dd>Programmer</dd>
    <dt>Homepage</dt>
    <dd>
      <a href="http://heungsub.net/">http://heungsub.net/</a>
    </dd>
  </dl>
*/});

multiline 함수는 여러줄 주석을 가지고 있는 함수객체를 인자로 받고 주석 내용을 반환합니다. 이것도 그렇게 깔끔하다고 할 순 없지만 스크립트에 HTML코드를 미리 저장해둬야할 경우 유용하지 않을까 기대해봅니다.