워크숍: Hotwire와 Rails로 실시간 칸반 보드 구축하기

Workshop: Building a Live Kanban Board with Hotwire and Rails

작성자
발행일
2026년 03월 13일

핵심 요약

  • 1 Hotwire와 Rails를 활용하여 JavaScript 없이 실시간 칸반 보드를 처음부터 구축하는 실용적인 워크숍입니다.
  • 2 Turbo Streams 및 Stimulus 컨트롤러를 마스터하여 웹 애플리케이션에 실시간 업데이트 기능을 효율적으로 통합합니다.
  • 3 Ruby Community Conference Winter Edition 2026에서 진행되며, Ruby/Rails 개발자를 위한 최신 웹 기술 트렌드를 다룹니다.

도입

이 워크숍은 Hotwire와 Rails 기술 스택을 활용하여 실시간 칸반 보드를 구축하는 과정을 다룹니다. 참가자들은 JavaScript 코드 작성 없이 웹 애플리케이션에 실시간 업데이트 기능을 통합하는 방법을 배우게 될 것입니다. 본 세션은 Ruby 커뮤니티 컨퍼런스 Winter Edition 2026의 일환으로 진행되며, Ruby 온 레일즈 생태계의 최신 웹 개발 트렌드를 탐구하는 기회를 제공합니다.

본 워크숍은 Hotwire와 Rails를 활용하여 완벽하게 작동하는 실시간 칸반 보드를 처음부터 구축하는 과정을 안내합니다. 주요 내용은 다음과 같습니다.

Hotwire 기반 실시간 칸반 보드 구축

  • Hotwire 기본 개념: Turbo와 Stimulus를 결합한 Hotwire의 핵심 원리를 이해합니다. 이는 Rails 애플리케이션에서 JavaScript를 최소화하면서 동적인 사용자 경험을 제공하는 데 중점을 둡니다.

  • Turbo Streams 마스터하기: WebSocket을 통해 HTML 업데이트를 푸시하여 전체 페이지 새로 고침 없이 실시간 UI 변경을 가능하게 하는 Turbo Streams의 활용법을 심층적으로 다룹니다.

  • Stimulus 컨트롤러 활용: HTML에 최소한의 JavaScript 동작을 추가하여 상호작용성을 향상시키는 Stimulus 컨트롤러의 구현 방법을 배웁니다. 이를 통해 복잡한 프런트엔드 로직 없이도 동적인 요소를 제어할 수 있습니다.

  • Rails와의 통합: Hotwire 컴포넌트를 Rails 애플리케이션 내에서 원활하게 통합하고, Rails의 강력한 백엔드 기능을 활용하여 실시간 기능을 구현하는 방법을 탐구합니다.

  • 실시간 업데이트 구현: 여러 사용자가 변경 사항을 즉시 확인할 수 있도록 칸반 보드의 실시간 업데이트 기능을 구현합니다. 이는 협업 도구에 필수적인 요소입니다.

이 워크숍은 Ruby on Rails와 Hotwire 확장을 주로 사용하여 복잡한 실시간 기능을 간소화된 접근 방식으로 달성하고, JavaScript 의존도를 줄이는 방법을 시연하는 데 목표를 둡니다.

결론

본 워크숍은 Ruby 및 Rails 개발자들에게 Hotwire를 활용한 최신 웹 개발 사례를 탐구할 수 있는 귀중한 기회를 제공합니다. Turbo Streams와 Stimulus를 마스터함으로써 참가자들은 복잡한 JavaScript 코드 없이도 고도로 상호작용적이며 실시간으로 작동하는 애플리케이션을 구축할 수 있는 기술을 습득하게 될 것입니다. 이러한 접근 방식은 Rails의 "설정보다 관례" 철학과 완벽하게 일치하며, 동적인 웹 경험을 더 빠르고 효율적으로 개발할 수 있도록 지원합니다.

댓글 0

로그인이 필요합니다

댓글을 작성하거나 대화에 참여하려면 로그인이 필요합니다.

로그인 하러 가기

아직 댓글이 없습니다

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