제2화 반응형 NAVIGATION BAR 구현하기

RAILS 7 / HOTWIRE / TAILWIND CSS 강좌

오늘 영상의 주제는 Stimulus.js로 반응형 NavigationBar를 구현하는 과정입니다. 

TailwindCSS의 장점중 하나는 UI Component를 쉽게 얻을 수 있다는 것인데요.

tailwindui.com 또는 tailwindcomponents.com의 샘플코드를 그대로 가져와서 사용할겁니다.

메뉴를 열고 닫는 기능은 stimulus.js 통해 구현할 거구요. 그냥 열고 닫으면 재미가 없으니까 간단한 animation 구현도 해볼게요.

상용서비스에 사용해도 충분할 정도의 예제니까 많은 참고바랍니다.

https://www.youtube.com/embed/r5ppiP5Gt44