최근 포스트

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

TinyEmmet를 v1.2로 업데이트했다. 기존 v1.0의 사용법을 완전히 대체했던 v1.1과 달리, 이번 v1.2는 세세한 예외 처리와 기능 보강 위주로 개선되었기에 변경된 점만 간략히 기록한다. 개선된 사항은 다음과 같다. 1. HTML 스니펫 및 문서 표준 뼈대 지원 확장 ...

Notepad4에 적용된 TinyEmmet v1.1 간단 사용법

들어가기에 앞서… 기존 Notepad4에 구현했던 Zen-coding을 전면 개조해서 TinyEmmet을 만들었다. 기존 Zen-coding은 JS로 만들어진 소스의 흐름을 거의 그대로 따라가며 옮겼었지만, 이번 TinyEmmet은 구조를 완전히 뒤엎고 현대화된 코딩 방식을 적용했...

Notepad4에 적용된 TinyEmmet 간단 사용법

들어가기에 앞서… 기존 Notepad4에 구현했던 Zen-coding을 전면 개조해서 TinyEmmet을 만들었다. 기존 Zen-coding은 JS로 만들어진 소스의 흐름을 거의 그대로 따라가며 옮겼었지만, 이번 TinyEmmet은 구조를 완전히 뒤엎고 현대화된 코딩 방식을 적용했...

TinyEmmet 테스트 케이스 목록

새로 구축한 TinyEmmet 엔진의 무결성을 검증하기 위해 돌렸던 HTML, XML, CSS 프로파일별 최종 테스트 목록이다. 1. HTML / XHTML 프로파일 테스트 공태그 마감 처리(/>), 불리언 속성 최적화, 콜론(:) 확장 동의어 매핑, 플레이스홀더 클리닝 메커...

Legacy C++의 Zen Coding을 Modern C++의 TinyEmmet으로 개조

웹 프론트엔드 개발자들의 손가락을 보호해 주는 일등 공신은 역시 에밋(Emmet)이다. 올드 개발자들에게는 젠 코딩(Zen Coding)이라는 과거의 명칭이 더 친숙할 수도 있다. 젠 코딩!!! CSS의 축약 명세(예: div>ul>li*3)만 입력하고 단축키를 누르면 ...