TermDOM은 HTML과 CSS, 실제 DOM API를 터미널 화면으로 그리는 JavaScript와 TypeScript 라이브러리입니다. DOM 변경을 감지해 레이아웃을 계산하고 달라진 부분만 ANSI 출력으로 갱신하며, Flexbox와 Grid, 폼 입력, 키보드와 마우스 이벤트를 지원합니다. 공식 저장소는 React와 Vue 등의 예제, 한중일 문자 너비 처리, Node와 Bun 및 Deno 실행과 MIT 라이선스를 확인해 줍니다. 다만 1px도 문자 한 칸으로 취급하므로 웹 화면을 그대로 옮기기보다 터미널 해상도에 맞춘 스타일 조정이 필요합니다.
Tech로 돌아가기
Tech
TermDOM, HTML과 CSS로 터미널 UI 구성 지원
문자 칸 단위 화면에서도 웹 개발 방식을 재사용하며 브라우저 픽셀 배치와는 차이가 있습니다.