Notepad4에 적용된 TinyEmmet v1.2 주요 개선 사항

 

 

---

TinyEmmet를 v1.2로 업데이트했다.
기존 v1.0의 사용법을 완전히 대체했던 v1.1과 달리, 이번 v1.2는 세세한 예외 처리와 기능 보강 위주로 개선되었기에 변경된 점만 간략히 기록한다.

개선된 사항은 다음과 같다.

1. HTML 스니펫 및 문서 표준 뼈대 지원 확장

• 웹 표준별 다양한 문서 초기화 뼈대 확장을 지원함.
  • e.g., !, html:5, html:4t(Transitional), html:4s(Strict), html:xt(XHTML)

2. 스마트 템플릿 및 자동 변수 치환

• 문서 뼈대 내부의 올바른 위치에 하위 태그들이 정확하게 결합됨.
• 반복 전개 시 숫자가 순차적으로 올라가는 토큰($) 치환이 정상 작동함.
• 설정한 프로필(HTML5, XHTML, XML)의 명세에 맞춰 선언문 구조나 메타 태그의 닫기 기호가 유기적으로 적용됨.

3. CSS 복합 함수 및 중첩 괄호 구조 보호

• calc(), clamp() 등 CSS 함수 내부에 사용된 수학 연산자(+)가 에밋 결합자(+)와 충돌하던 결함을 해결함.
• 복잡한 중첩 수식도 원형 그대로 안전하게 보존됨.

4. 단어 하이픈 및 수치 판단 오류 차단

• 단어 합성용 하이픈(예: not-allowed)과 여러 수치를 띄어쓰기로 구분하기 위한 대시 기호를 구분하도록 수정.
• 대괄호가 포함된 레이아웃 속성(grid-template-rows:[top]...)이 선택자 블록으로 오인되어 구문이 깨지던 문제를 수정.
• flex, order 등 단위가 붙으면 안 되는 속성들의 수치를 올바르게 제어함
• 각도(deg), 투명도(transparent), 상속(inherit) 등의 단축 키워드 변환이 누락 없이 작동함.

5. 실무용 단축어 명세 대폭 추가

• Flexbox 및 Grid 정렬 축약어, 테두리/외곽선 색상 제어(bdc, outc), SVG 그래픽 속성(fill, stroke) 등 실제 스타일링 작업 시 빈도가 높은 핵심 단축어들을 대거 보강함.

6. 다이얼로그 프리뷰 창 단축키 기능 개선

• 변환 결과가 출력되는 다이얼로그 내의 프리뷰 창에서도 전체 선택(Ctrl+A) 및 복사(Ctrl+C) 단축키가 동작하도록 수정함.

요약꞉ v1.2 버전은 복잡한 CSS 함수 수식, SASS 중첩 구조, 다양한 마크업 문서 표준 등 실무 웹 명세에서 마주치는 수많은 구조적 예외 케이스들을 잘 소화하도록 에밋 전개의 완성도를 끌어올린 업데이트임.