SEO 키워드: Cloud Run, DEV 게시물, 구글 AI 프로젝트

---

# 📌 서론 – “내 프로젝트를 바로 보여주고 싶어요!”

개발자 커뮤니티인 DEV에 글을 올릴 때, 프로젝트 결과물을 사진이나 스크린샷만으로는 충분히 전달되지 않을 때가 많습니다. 특히 Google AI 기반 서비스처럼 실제 동작을 체험해보아야 가치를 제대로 이해할 수 있는 경우, 독자는 “그거 직접 써볼 수 있나요?” 라는 궁금증을 가집니다.

그런데 이제 Cloud Run 배포를 DEV 게시물에 바로 임베드(Embed) 할 수 있게 되었다는 소식을 들으셨나요? 이번 업데이트 덕분에 별도의 링크 클릭 없이도 독자는 바로 브라우저에서 여러분의 서비스와 상호작용할 수 있습니다.

본 글에서는 초보자도 손쉽게 따라 할 수 있도록, Cloud Run 배포를 DEV 포스트에 삽입하는 전체 과정을 단계별로 설명합니다.

---

# 🛠️ 본문

# 1️⃣ Cloud Run이란? – 간단히 이해하기

• 서버리스 컨테이너 플랫폼으로, Docker 이미지 하나만 있으면 자동으로 스케일링·관리됩니다.

• 요금은 실제 요청이 처리된 시간만 청구돼 비용 효율적이며, HTTPS와 자동 인증이 기본 제공됩니다.

• Google AI 모델(예: Vertex AI, Dialogflow)과 연동해도 별다른 설정 없이 바로 배포 가능

핵심 포인트: 복잡한 인프라 설정 없이도 코드만 있으면 서비스가 바로 살아납니다.

# 2️⃣ DEV에 배포를 임베드할 수 있게 된 배경

| 기존 방식 | 새로운 방식 |

|----------|------------|

| 배포 URL을 텍스트·링크로 제공 → 클릭 후 새 탭 열림 | iframe 형태로 포스트 안에 직접 실행 화면 삽입 |

| 독자가 URL을 복사·붙여넣어야 함 | 독자는 바로 버튼·입력창을 사용해 체험 가능 |

이제 DEV 에디터에서 제공하는 “Embed Cloud Run” 버튼을 클릭하면 자동으로 마크다운 코드가 삽입됩니다. 별도의 HTML 편집 없이도 보안 정책을 만족하는 임베드가 완성됩니다.

# 3️⃣ 실제 적용 단계 – 초보자 가이드

# 3.1 사전 준비

1. Google Cloud 콘솔에 로그인

2. Cloud Run 서비스가 이미 배포돼 있어야 함 (배포 방법은 “Docker 이미지 → Cloud Run 배포” 가이드 참고)

3. 배포된 서비스의 공개 URL 확인 (예: https://my-service-abcde-uc.a.run.app)

# 3.2 DEV 포스트에 임베드 삽입

1. DEV 에디터에서 글을 작성 중일 때, 툴바 오른쪽에 “+” 아이콘 → “Embed Cloud Run” 선택

2. 팝업 창에 배포 URL 입력 후 “Generate Embed Code” 클릭

3. 자동 생성된 마크다운 코드가 아래와 같이 삽입됩니다.

markdown

<iframe src='https://my-service-abcde-uc.a.run.app'

        width='100%' height='600'

        style='border:none;'>

</iframe>

Tip: height 값을 서비스 UI에 맞게 조절하면 스크롤 없이 깔끔하게 보입니다.

# 3.3 배포 URL 보안 설정 확인

• Cloud Run 서비스가 “Allow unauthenticated invocations” 로 설정돼 있어야 외부에서 접근 가능

• 필요 시 IAM → Cloud Run Admin 권한을 부여하고, “All Users” 에 run.invoker 역할을 추가

# 3.4 포스트 미리보기 & 퍼블리시

• DEV 에디터에서 “Preview” 버튼을 눌러 실제 임베드가 정상 작동하는지 확인

• 문제가 없으면 “Publish” 클릭 → 독자는 포스트 안에서 바로 서비스 체험 가능

# 4️⃣ 활용 사례 – 구글 AI 프로젝트와의 시너지

| 프로젝트 | 활용 방법 | 기대 효과 |

|----------|----------|-----------|

| 이미지 캡션 생성 AI | 이미지 업로드 → AI가 자동 캡션 제공 | 독자는 직접 이미지와 캡션 결과를 실시간 확인 |

| 챗봇 (Dialogflow) | 채팅 UI 임베드 | 글 안에서 바로 대화 테스트 가능 |

| 텍스트 요약 서비스 | 텍스트 입력 → 요약 결과 출력 | 글 내용과 바로 연결된 데모 제공으로 이해도 상승 |

이처럼 구글 AI 프로젝트를 Cloud Run에 배포하고, DEV 포스트에 임베드하면 데모와 설명이 하나로 통합돼 독자 참여도가 크게 높아집니다.

---

# 🎯 결론 – 지금 바로 적용해 보세요!

1️⃣ Cloud Run에 프로젝트를 배포한다.

2️⃣ DEV 포스트 편집기에서 “Embed Cloud Run” 버튼을 클릭한다.

3️⃣ 생성된 iframe 코드를 그대로 삽입하고, 퍼블리시한다.

이 세 단계만으로 독자에게 실시간 체험형 콘텐츠를 제공할 수 있습니다.

행동 유도: 아직 Cloud Run에 배포해 본 적이 없다면, 오늘 바로 Google Cloud 콘솔에 접속해 간단한 “Hello World” 컨테이너를 배포해 보세요. 그리고 이번 업데이트를 활용해 DEV에 첫 임베드 포스트를 올려보면, 여러분의 프로젝트가 얼마나 빠르게 관심을 끄는지 직접 확인할 수 있습니다.

---

이 글이 도움이 되었다면, DEV에 “좋아요”와 댓글을 남겨 주세요. 더 많은 실전 예제와 팁을 공유하겠습니다!