피드로 돌아가기
TIL: Html + ERB = HERB ❤️
Dev.toDev.to
Frontend

HERB 도입을 통한 ERB 템플릿 정적 분석 및 코드 품질 표준화

TIL: Html + ERB = HERB ❤️

Augusts Bautra2026년 6월 19일1beginner

Context

ERB 템플릿 기반 뷰 계층의 코드 품질 관리 도구 부재로 인한 런타임 오류 위험성 증대. 기존 erb_lint 라이브러리의 기능적 한계를 극복하기 위한 고도화된 Linter 필요성 대두.

Technical Solution

  • RuboCop 스타일의 정적 분석 엔진을 적용한 HERB Gem 도입
  • 프로젝트 전반의 HTML/ERB 구조를 분석하는 herb analyze 워크플로우 구축
  • JS 기반의 Custom Rule 작성 기능을 통한 팀 내 도메인 특화 코딩 컨벤션 강제
  • 템플릿 구문 분석을 통한 잠재적 렌더링 버그 사전 차단 구조 설계

1. 단순 문법 체크를 넘어 팀별 스타일 가이드가 필요한 경우 Custom Rule 작성 가능 여부 확인

2. CI/CD 파이프라인에 `bundle exec herb analyze`를 통합하여 머지 전 자동 검증 체계 구축

원문 읽기