인시던트에서 안정성까지: Cloud Run에서의 나의 인터랙티브 DevOps 포트폴리오

Source: Dev.to

소개

저는 Noor Halabi이며, 풀스택 개발 배경을 가진 DevOps‑전문 엔지니어입니다. 시스템 신뢰성, 자동화, 클라우드 아키텍처에 큰 관심을 가지고 있습니다. DevOps로 완전히 전환하기 전에는 애플리케이션 계층 전반에서 일했으며, 이는 오늘날 인프라를 바라보는 방식을 형성했습니다. 인프라는 고립된 도구가 아니라 실제 사용자와 실제 소프트웨어를 지원하기 위해 존재하는 시스템이라고 생각합니다.

포트폴리오 개요

전통적인 포트폴리오 대신 인터랙티브 DevOps 시스템 시뮬레이션을 만들었습니다. 경험은 트래픽 급증 사고로 시작됩니다:

• 알림이 표시됩니다.
• 시스템이 자동으로 스케일링됩니다.
• 안정성이 회복됩니다.

사고가 해결된 뒤에야 포트폴리오가 열립니다(재방문자를 위한 건너뛰기 버튼이 제공됩니다).

그 후 포트폴리오는 여러 운영 뷰를 갖춘 실제 운영 중인 프로덕션 시스템으로 제시됩니다:

• 시스템 개요
• 배포(CI/CD)
• 사고 및 교훈
• 제가 구축하고 운영한 시스템
• 운영자 프로필
• 에스컬레이션

🔗 실시간 포트폴리오 (Google Cloud Run):
(링크는 추후 추가)

기술 스택

• 프론트‑엔드: React (현대적인 싱글‑페이지 애플리케이션)
• 백‑엔드: Node.js with Express
• 컨테이너화: Docker
• 호스팅: Google Cloud Run (서버리스, 컨테이너 기반)
• 챌린지 라벨: dev-tutorial=devnewyear2026

Google AI 도구

• Antigravity: 시스템 아키텍처, 사용자 흐름, 컴포넌트 구조 설계.
• Gemini: UX 추론, 스토리텔링, 기술 설명 다듬기 지원.

설계 결정

• 여러 운영 뷰를 갖춘 싱글‑페이지 애플리케이션; 긴 스크롤 없음.
• 대시보드 전환처럼 느껴지는 네비게이션.
• DevOps에 익숙하지 않은 사람도 친숙하게; 기술적인 깊이는 인터랙션을 통해 드러남.
• 초기 혼돈(사고) 이후 차분하고 안정된 UI.
• 사용자 선호에 맞춰 다크 모드와 라이트 모드 지원.

프로젝트 목표

• DevOps에 익숙하지 않은 관객에게는 이해하기 쉽게, 엔지니어에게는 실제 DevOps 사고 방식을 전달.
• 포트폴리오를 읽는 페이지가 아니라 운영하는 시스템으로 전환.
• 전문 용어 없이 DevOps 개념 설명.
• 사고, 복구, 배포 과정을 시각적으로 모델링.
• Google Cloud Run에서 실제 프로덕션 컨테이너를 배포하고 디버깅한 사례 시연.
• 코드 생성뿐 아니라 시스템 추론을 위한 Google AI 도구 활용을 보여줌.

개인 선언문

이 프로젝트는 제가 엔지니어로서 일하고 싶은 방식을 나타냅니다:

• 압박 속에서도 차분함
• 시스템 중심 사고
• 지속적인 개선

읽어 주셔서 감사합니다! 댓글로 의견이나 질문을 남겨 주시면 좋겠습니다.