D-37: HTML5 → 뷰.한선 변환기 완성
2026-04-16  ·  2026-04-16-D37-HTML-뷰한선.md

D-37: HTML5 → 뷰.한선 변환기 완성

개요

HTML5 표준 태그 → 뷰.한선 컴포넌트 자동 변환 MVP. test.html (대시보드) → 41줄 한선씨 → 5533 큐브 → 1280x800 렌더링 성공.

지원 태그

| HTML | 한선씨 | |------|--------| | div/section/header/nav/main/article/footer/form | 상자만들기 | | span | 가로만들기 | | h1~h6 | 글씨만들기 (48~16pt) | | p | 글씨만들기 (16pt) | | a/button | 버튼만들기 | | input | 입력만들기 | | img | 그림만들기 | | ul/ol | 목록만들기 | | li | 상자+글씨 | | hr | 구분만들기 | | table/tr/td/th | 세로+가로+글씨 |

스타일 속성

background-color, color, width, height, border-radius → 뷰배경/뷰전경/뷰크기/뷰둥글기

부수 수정

**뷰.한선 주석 파서 이슈 해결:**
  • `;` 는 한선씨에서 문장 구분자 (주석이 아님)
  • `//` 가 주석
  • 헤더 블록 주석의 `TI(24) → 셀B` 같은 표현이 함수 호출로 파싱
  • 전면 `; 주석` → `// 주석` 변환 적용

관련 파일

  • `/Users/ef/CrownyOS/crownyc/tools/transpile/html2han.py`
  • `/Users/ef/CrownyOS/crownyc/libs/뷰.한선` (주석 수정)