HTML을 나무로 바꿔보기 - HTML Tree

https://kimsaram32.github.io/html-tree/

(1) 자기소개 개발과 공부(ㅜ) 를 병행하고 있는 학생입니다!

(2) 서비스 소개 말 그대로 html을 입력하면 나무가 그려집니다. 요소마다 잎의 모양이 달라지는 등의 변화가 있어 다양한 형태의 나무를 만나보실 수 있습니다 🤓

개발자 모드에서 직접 html 을 가져와 다른 웹사이트가 어떤 모습으로 나오는지도 보실 수 있습니다! (이 부분은 url 만 입력하는 형식으로 개선해야 할 것 같습니다)

풍성한 tailwind css 홈페이지
파란색 잎은 a 태그, 아래쪽의 주황색 톱니바퀴들은 script 태그들입니다 🤯

눈누 메인화면

주황색은 이미지, 빨간색은 svg들입니다

기괴한 netlify 홈페이지;;

(3) 시작하게된 계기 그냥 갑자기 아이디어가 떠올랐고, 재밌을 것 같아 시작했습니다!

(4) 개발 바닐라로 개발 후 github pages 에 배포했습니다. 프레임워크보다는 다양한 웹 api 를 시도해 보고 싶었어요

(5) 바라는 것은? 더 다양한 형태의 나무가 나올 수 있도록 지속적으로 업데이트 하고 싶습니다!