바이너리 트리를 HTML/CSS로만?

• 참고자료: https://stackoverflow.com/questions/32153934/pure-css-center-binary-tree

HTML/CSS만 가지고 이진트리(두갈래나무, binary tree)를 보통 그림 그리듯 부모가 밑에 자녀들 가운데 오도록 그릴 수 있을까? 그렇다고 한다. 위 참고자료에 나온 코드를 바탕으로 어떻게 했는지 분석해 보자.

그나마 좀 간략화된 예제 https://codepen.io/kyagrd/pen/JLLojV

과제2

행과 열을 자바스크립트로 동적으로 늘려보는 것이 과제이다. 아래 codepen에는 행만 늘어나도록 미완성이다. HTML부분은 그대로 두고 JavaScript 코드만 추가하여 열도 늘어나도록 기능을 덧붙이는 것이 과제이다.

https://codepen.io/kyagrd/pen/YaaqrY

• codepen에 자기 계정으로 로그인후 fork해서 기능을 추가한다
• 조교님 이메일로 fork해서 수정된 자신의 pen 주소(URL)를 보낸다.
• 제출기한은 4월 10일 저녁 9시까지입니다.