Rails 개발자들은 복잡한 UI 구축에 컴포넌트를 선호하지만, Rails의 기존 “부분 템플릿과 헬퍼” 방식은 코드베이스가 커질수록 뷰 레이어가 관리하기 어려워지는 한계가 있습니다. 이러한 문제로 인해 많은 개발자들이 백엔드는 Rails로, 프론트엔드는 React나 Vue.js 같은 JS 프레임워크로 분리하는 경향을 보입니다. 이는 컴포넌트가 복잡한 UI 구축에 효과적인 추상화임을 보여주지만, 동시에 JS 프레임워크의 복잡성과 비대함을 감수해야 하는 단점이 있습니다.
Phlex와 Hotwire는 이러한 딜레마에 대한 우아한 Ruby 기반 해법을 제시합니다. 이들은 JS 프레임워크의 추가적인 “움직이는 부품” 없이 컴포넌트 기반 UI를 구축할 수 있도록 합니다. “Phlex on Rails” 비디오 코스는 프로덕션 수준의 컴포넌트 기반 UI를 Rails에서 구축하는 데 필요한 포괄적인 지식을 제공합니다.
코스 주요 학습 내용
-
Phlex의 기본 원리 및 컴포넌트 기반 UI 구축 전략
-
Ruby를 활용한 Phlex 컴포넌트 정의, HTML 생성, 상속, 테스트
-
기존 Rails 앱에 Phlex 설치 및 점진적 뷰 마이그레이션 전략
-
Superform을 사용한 강력하고 커스터마이징 가능한 폼 컴포넌트 구축
-
Hotwire(Turbo Frames, Streams 등)와 Phlex 연동 및 Stimulus 통합
-
Tailwind CSS, DaisyUI 적용 및 컴포넌트 스타일링 패턴
-
Superview를 활용한 순수 Phlex 기반 Rails 앱 구축 (뷰/레이아웃 추출)
이 코스는 Rails 개발자들이 JavaScript 프레임워크의 복잡성 없이도 React나 Vue.js에 필적하는 컴포넌트 기반 UI를 Ruby만으로 구현할 수 있도록 역량을 강화하는 데 중점을 둡니다.