시맨틱 브리지: 번역가의 개발 포트폴리오를 Google AI Studio에서 전적으로 구축하기
Source: Dev.to
이 작품은 Google AI가 주최한 New Year, New You 포트폴리오 챌린지를 위한 제출물입니다.
About Me
저는 번역가에서 솔루션 아키텍트로 전향한 3회 해커톤 우승자이며, 언어학과 비즈니스 로직의 관점으로 세상을 바라봅니다. 엔지니어링으로의 여정은 전통적인 경로가 아니었습니다; 취미로 시작한 직관적 디자인에서 고속 시스템 아키텍처로 전환하면서 이루어졌습니다.
언어가 지능을 위한 주요 인터페이스가 된 세상에서, 번역가로서의 배경은 인간의 의도와 기계 실행 사이의 간극을 메우는 독특한 언어적 장점을 제공합니다. 이번 포트폴리오인 MyDevfol.io의 목표는 **“시맨틱 브리지”**라는 디지털 공간을 만들어, 복잡한 인간 비즈니스 과제를 결정론적이고 고효율적인 AI 솔루션으로 매핑하는 과정을 보여주는 것이었습니다. 저는 단순히 코드를 작성하는 것이 아니라, 의도를 설계합니다.
이 전체 프로젝트는 Google AI Studio 안에서 처음부터 끝까지 구축되었습니다. 플랫폼을 활용함으로써 개념 단계에서 배포 단계까지 한 환경에서 진행할 수 있었습니다.
Portfolio
Google AI Studio의 통합 배포 기능을 이용해 Google Cloud Run에 호스팅했습니다.
How I Built It
The Tech Stack
- Framework: 타입 안전성을 위한 React + TypeScript.
- Aesthetics: 다크 모드와 홀로그램 디자인 시스템을 위한 Tailwind CSS, 영화 같은 3D‑퍼스펙티브 전환을 위한 Framer Motion.
- Infrastructure: 낮은 지연 시간과 원활한 확장을 보장하는 Google Cloud Run에 배포.
Google AI Integration
Google AI Studio를 활용해 개념에서 배포까지 기록적인 속도로 진행했습니다. Cloud Run에 배포함으로써 복잡하고 애니메이션이 많은 사이트를 유지하면서도 “핸드쉐이크” 속도를 매우 빠르게 유지할 수 있었습니다.
What I’m Most Proud Of
The Holographic Video Experience (A Personal Touch)
프로젝트 쇼케이스에 사용된 맞춤형 비디오 뷰포트가 가장 자랑스럽습니다. 정적인 스크린샷 대신 비디오를 선택해 기술적인 “미션 컨트롤” 미학에 개인적인 감성을 더했습니다. 이는 실시간 “깊은 청취”와 상호작용을 보여줌으로써 작업에 인간미를 부여합니다.
The “Semantic Bridge” Narrative
기술적으로 가장 자랑스러운 부분은 사이트가 복잡한 직업 전환을 어떻게 전달하느냐입니다. 언어학과 의도에 초점을 맞춤으로써, 포트폴리오는 프롬프트 엔지니어링을 핵심 아키텍처 스킬로 보여주는 실시간 데모 역할을 합니다.