Herb 언어 서버 및 Visual Studio Code 확장 출시: HTML+ERB 개발 경험 혁신

Herb Language Server and Visual Studio Code Extension | Marco Roth

작성자
Hotwire Weekly
발행일
2025년 06월 20일
원문 보기
marcoroth.dev

핵심 요약

  • 1 Herb 언어 서버와 Visual Studio Code 확장이 출시되어 HTML+ERB 개발 환경에 실시간 진단 및 피드백 기능을 제공합니다.
  • 2 HTML+ERB 파일의 구조를 깊이 이해하는 Herb는 Ruby 개발자에게 현대적인 프런트엔드 도구와 유사한 개발 경험을 제공하여 생산성을 향상시킵니다.
  • 3 표준 LSP를 따르며, 향후 자동 포맷팅, 심볼 탐색, Rails 통합 등 더 많은 기능이 추가될 예정이며, 궁극적으로 Ruby LSP에 통합되는 것을 목표로 합니다.

도입

Herb는 HTML+ERB 파일을 깊이 이해하도록 설계된 HTML 인식 ERB 파서입니다. 지난 4월 처음 소개된 Herb는 HTML 및 임베디드 Ruby 구조를 세부 사항까지 보존하는 기술적 기반을 마련했습니다. 이전에는 도구 개발자에게 유용했지만, 이제 Herb 언어 서버와 Visual Studio Code 확장이 출시되면서 일반 개발자들도 일상적인 워크플로우에 직접 통합하여 사용할 수 있게 되었습니다. 이는 Ruby 개발자들이 오랫동안 기다려온 HTML+ERB 개발 경험의 현대화를 의미합니다.

Herb 언어 서버의 주요 기능

  • 실시간 진단: HTML+ERB 파일 내 닫히지 않은 태그, 요소 불일치, 유효하지 않은 중첩, ERB 구문 오류 등 잠재적 문제를 즉시 감지합니다.
  • 즉각적인 피드백: 코드 작성 중 오류 및 경고를 실시간으로 표시하여, 앱 재로드나 린터 실행 없이 즉시 수정 가능합니다.
  • HTML+ERB 구조 이해: 템플릿을 마크업과 Ruby 코드의 혼합으로 깊이 이해하여, 실제 개발 방식에 적합한 피드백을 제공합니다. (향후 공백 인식 자동 포맷팅 지원 예정)

확장성 및 통합 전략

  • Visual Studio Code 확장으로 출시되었으며, 표준 Language Server Protocol (LSP)을 준수하여 Vim, Neovim 등 다양한 LSP 지원 에디터에 통합 가능합니다.
  • 장기적으로 Herb 파서를 포맷터, 린터, Rails 개발 도구 및 Ruby LSP와 같은 기존 Ruby 도구에 통합하여, 별도 설치 없이 향상된 HTML+ERB 지원을 기본 제공하는 것이 목표입니다.

향후 로드맵

  • 안전한 자동 포맷팅
  • 임베디드 Ruby 심볼 탐색 및 정의 이동 개선
  • 크로스-파일 컴포넌트 및 부분 분석
  • Turbo 및 Stimulus LSP 통합, Rails 인식 템플릿 진단 등 다양한 기능이 예정되어 있습니다.

결론

Herb 언어 서버와 Visual Studio Code 확장은 Ruby 및 Rails 개발자들의 HTML+ERB 파일 작업 경험을 혁신하는 중요한 단계입니다. Hotwire, Turbo, Stimulus 등 최신 웹 기술과의 시너지를 통해, Herb는 현대 프런트엔드 도구에서 기대하는 실시간, 컨텍스트 인식 피드백을 제공하여 ERB 도구의 오랜 격차를 해소합니다. 이로써 .html.erb 파일 작업이 더욱 생산적이고 신뢰할 수 있으며 즐거워질 것입니다. 개발자 커뮤니티의 적극적인 참여와 피드백은 Herb를 지속적으로 발전시키는 핵심 동력이 됩니다.

관련 글들

Herb: HTML+ERB 개발 도구 생태계

Herb는 HTML+ERB 파일 작업을 간소화하고 향상시키기 위해 개발된 개발자 도구 생태계입니다.

08/05 읽어보기 →

RailsConf 2025 회고: 현대적인 뷰 레이어를 향한 비전

RailsConf 2025에서 HTML+ERB 파일의 개발 경험을 혁신할 Herb v0.4.0 (Linter, Formatter 포함)이 공개되었습니다.

07/17 읽어보기 →

Hotwire 및 HTML ERB 툴링: Herp 파서를 통한 Ruby 개발 경험 개선

Herp는 HTML과 ERB를 동시에 이해하는 C99 기반의 파서로, 기존 HTML 전용 LSP의 한계를 극복하고 Ruby 및 JavaScript 환경에서 정교한 구문 분석을 제공합니다.

05/27 읽어보기 →

Rails World 2025 회고: ReActionView와 새로운 ActionView 호환 ERB 엔진 소개

Rails World 2025에서 ReActionView 이니셔티브와 ActionView 호환 HTML 인식 ERB 렌더링 엔진인 Herb::Engine을 공개하여 Rails 뷰 레이어의 미래 비전을 제시했습니다.

09/11 읽어보기 →

댓글 0

댓글 작성

0/1000
정중하고 건설적인 댓글을 작성해 주세요.

아직 댓글이 없습니다

첫 번째 댓글을 작성해보세요!