Rails에서 동적 OG 이미지 자동화하기 (중급)

Rails에서 동적 OG 이미지 자동화하기

중급45분2026-06-13

Rails 게시물이나 제안서 공유 페이지의 내용을 바탕으로 OG 이미지를 자동 생성하고, 내용이 바뀔 때만 다시 만들도록 변경 감지와 백그라운드 처리를 연결합니다. 최종적으로는 OG 이미지용 ERB 템플릿, 이미지 생성 서비스 객체, ActiveJob, Post 모델의 캐싱 로직, 그리고 show 페이지의 og:image 메타 태그가 포함된 Rails 코드가 완성됩니다.

이 실습은 터미널에서 진행됩니다

오른쪽 패널에서 설치 명령어를 복사하세요

이런 걸 배워요

Rails ERB 템플릿을 이미지 생성용 HTML로 재사용합니다.
Faraday로 html2img API에 HTML을 보내는 서비스 객체를 구성합니다.
ActiveJob으로 이미지 생성을 백그라운드 작업으로 분리합니다.
Post 내용 변경 여부를 해시값으로 감지하고 필요한 때만 재생성합니다.
show 페이지의 og:image 메타 태그에 생성된 이미지 URL을 연결합니다.

어떻게 진행해요

1. Rails 환경 점검

2. OG 이미지 화면 템플릿 작성

3. API 호출 준비 코드 추가

4. 이미지 API 키 준비

5. 이미지 생성 서비스 작성

6. 백그라운드 작업 연결

7. 변경 감지와 캐싱 연결

8. 메타 태그 연결과 점검

AI 튜터가 각 단계를 하나씩 안내해줄 거예요