배열로 테이블 생성 함수
이전 강의들에서 우리는 주어진 크기로 테이블을 생성하는
함수 createTable을 만들었습니다. 이제
createTableByArr 함수를 만들어 봅시다.
이 함수는 매개변수로 2차원 배열을 받아
그 기반으로 테이블을 생성할 것입니다.
즉, 이전 강의의 주어진 코드는 다음과 같이 변환됩니다:
let div = document.querySelector('#elem');
let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let table = createTableByArr(arr);
div.appendChild(table);
이 코드를 실행한 결과는 다음과 같은 테이블이어야 합니다:
<div id="elem">
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</div>
설명된 함수를 구현하세요. 그 동작을 확인하세요.
