<pre class="language-javascript"><code>let test = ["&lt;ul&gt;"];
for(let i = 1; i &lt;= 10; i++) {
 test.push(`&lt;li id=id${i}&gt;id${i}&lt;/li&gt;`);
}
test.push("&lt;/ul&gt;");
document.body.innerHTML = test.join("\n");
</code></pre>

좋습니다.
HTML에서 줄 바꿈을 하므로 \n을 작성하지 않아도 됩니다. document.body.innerHTML = test.join("");
----------------- let test = ["&lt;ul&gt;"];에서 test 자체가 바뀌지 않고, 배열에 엘리먼트가 추가되므로 const test = ["&lt;ul&gt;"];처럼 const 변수를 사용하는 것이, 개발자에 따라 생각이 다르지만, 일반적으로 시맨틱에 더 어울립니다.&nbsp;

감사합니다! 변수와 상수 개념을 나눠서 쓰는 걸 연습해야 겠네요!&nbsp;

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

예시 코드를 작성했는데 검토 부탁드려요