HMPL.js 3.0 이후 주요 업데이트 요약
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
웹 애플리케이션 개발자 (중급~고급 수준)
핵심 요약
- Vite.js와의 통합으로
.hmpl파일 처리가 가능해짐 (코드 예시 포함) - block-helpers 문법 완전 구현: 템플릿 엔진에서 DOM 구조와 유사한 표현 가능
- VS Code 확장 지원 강화:
.hmpl/.html파일에서 쿼리 블록 구문 강조
섹션별 세부 요약
1. Vite.js 통합
vite-plugin-hmpl플러그인을 통해.hmpl파일을 프로젝트에 포함 가능memo및sanitize옵션으로 성능 최적화 가능- ESM 기반 모듈 구현 (Vite, Rolldown, Vue.js 호환)
2. block-helpers 문법
- 1년간 준비된 템플릿 엔진 문법 확장
- 예시 코드:
```html
{{#request src="/api/test" after="click:.getHTML" repeat=false }}
{{#indicator trigger="pending"}}
{{/indicator}}
{{/request}}
```
- DOM 구조와 유사한 표현식으로 개발자 경험 향상
3. VS Code 지원 강화
.hmpl/.html파일에서 쿼리 블록 구문 강조 (코드 가독성 향상)- HTTP
TRACE/OPTIONS메서드 지원 추가 - 문서 및 예제 업데이트, 100% 테스트 커버리지 보장
4. 기타 업데이트
- 버그 수정 및 문서 개선
- 테스트 리포트 확인 가능 (Codecov 활용)
- GitHub 및 Discord를 통한 커뮤니티 참여 유도
결론
- Vite.js 통합과 block-helpers 문법은 웹 애플리케이션 개발 효율성 향상에 기여
- VS Code 확장 및 100% 테스트 커버리지를 통해 안정적인 사용 가능
- GitHub(https://github.com/hmpl-language/hmpl) 및 Discord를 통해 커뮤니티 참여 및 상업적 사용 가능 (라이선스 확인 필요)