Rails에서 Alpine.js를 추가하는 방법은 현재 Rails 버전과 프런트엔드 구성(Importmap / ESBuild / Vite)에 따라 조금씩 다르다.아래는 실무에서 가장 많이 쓰는 3가지 패턴을 우선순위대로 정리한 것이다. Importmap 사용하는 경우 (Rails 7/8 기본 · 가장 간단) Rails 기본 설정 그대로 쓰는 경우다.추가 빌드 도구 없이 Alpine을 바로 붙일 수 있다.bin/importmap pin alpinejs 실행 결과로 config/importmap.rb에 자동 추가된다.pin "alpinejs", to: "https://ga.jspm.io/npm:alpinejs@3.x.x/dist/module.esm.js"SSL 인증서 검증 실패 직접 추가해도 됨. appl..
Ruby/Rails
기본 구조 Layout 단위 Turbo Frame 전략 영역경계application.html.erbERB 유지Header / SidebarViewComponent 가능Nav / DropdownViewComponent 적극 추천Page Shell 전체Layout 유지 이상적이 분리 구조 Layout은 조립자, ViewComponent는 완성된 UI 블록이다. layouts/header (Tailwindcss 적용) app/views..
기본 layout 위치app/views/layouts/application.html.erb 기본 코드 View 에서 slot 만들기 사이드 메뉴 Controller에서 Layout 선택하기class ApplicationController → application.html.erb 자동 사용됨. 특정 Controller에서 변경class AdminController app/views/layouts/admin.html.erb 조건부 layoutlayout :select_layoutprivatedef select_layout user_signed_in? ? "application" : "guest"end 다중 Layout 설계 패턴 (실무)layouts/ ├..
# 1. Tailwind CSS 젬 추가bundle add tailwindcss-rails # 2. 설치 스크립트 실행 (설정 파일 자동 생성)bin/rails tailwindcss:installapp/assets/tailwind/application.css 생성됨. # 3. 서버 실행 방식 변경bin/dev
blog 프로젝트 생성하기rails new blog 실행하기bin/rails s
Rails 8을 설치하려면 기본적으로 Ruby 언어와 패키지 매니저가 필요함. macOS 에서 - Homebrew (맥용 패키지 관리자)- rbenv & Ruby (루비 버전 관리와 루비 언어)- Docker Desktop (Kamal 배포를 위한 필수 도구)- Rails (프레임워크) rbenv 설치하기# 1. rbenv와 ruby-build 설치brew install rbenv ruby-build# 2. 쉘 설정에 rbenv 추가 (사용하는 쉘에 따라 다를 수 있지만, 보통 zsh를 씁니다)echo 'eval "$(rbenv init - zsh)"' >> ~/.zshrcsource ~/.zshrc# 3. 최신 안정화 버전 Ruby 설치 (시간이 좀 걸립니다 ☕️)rbenv install 3.3.6rb..
