이력서 대신 '시스템'으로 포트폴리오를 구축한 개발자의 이야기
개발자는 전통적인 이력서 스타일 대신, 자신의 사고 과정과 성장을 반영하는 시스템으로서 포트폴리오를 구축
구글 스티치 AI(Google Stitch AI)를 활용하여 레이아웃과 인터랙션 디자인을 탐구하고, 구글 안티그래비티(Google Antigravity)를 통해 AI 기반 개발 환경을 경험
React/Next.js, Framer Motion, Docker, Google Cloud Run을 사용하여 포트폴리오를 구축하고, 성능, 단순성, 비용 효율성을 확보
AI를 활용한 디자인 및 개발 과정
본문에서는 구글 스티치 AI(Google Stitch AI)를 사용하여 레이아웃, 계층 구조, 인터랙션 톤을 탐구하고, 구글 안티그래비티(Google Antigravity)를 통해 AI 기반 개발 환경을 구축한 경험을 설명한다.
AI는 단순한 지름길이 아닌, 아키텍처 설계, 컴포넌트 구조화, 리팩토링(Refactoring)에 도움을 주는 협업 도구로 활용
개발자는 AI의 도움을 받아 의도적인(Intentional) 결정을 내리고, 최종적인 레이아웃, 로직, 동작을 직접 제어
결과적으로 AI는 개발자의 창의성을 증폭(Creativity Amplification)시키는 역할을 하며, 개발자는 AI를 통해 더 나은 결과물(Better Outcome)을 얻을 수 있다.
포트폴리오 시스템 구축의 기술 스택
글쓴이는 React/Next.js를 사용하여 프론트엔드(Frontend)를 구축하고, Framer Motion을 통해 인터랙션 피드백을 구현했다. 또한, Docker를 활용하여 컨테이너화(Containerization)하고, Google Cloud Run을 통해 배포했다.
Google Cloud Run은 컨테이너 기반 애플리케이션을 위한 서버리스(Serverless) 플랫폼으로, 자동 스케일링(Auto-scaling) 및 무료 티어(Free Tier)를 제공
Docker를 사용하면 개발 환경과 배포 환경의 일관성을 유지하고, 이식성(Portability)을 향상시킬 수 있다.
결과적으로, Google Cloud Run은 유지보수 비용(Maintenance Cost)을 절감하고, 배포 자동화(Deployment Automation)를 가능하게 한다.
포트폴리오 시스템 구축의 핵심 가치
글쓴이는 전통적인 이력서 대신, 자신의 사고 과정과 성장을 보여주는 시스템으로서 포트폴리오를 구축했다. 또한, 시각적인 과잉(Visual Overload)을 지양하고, 성능, 단순성, 비용 효율성을 유지하는 데 집중했다.
의도적인(Intentional) 개발 과정을 통해, 개발자는 자신의 결정을 명확하게 설명하고, 성장 과정을 시각적으로 표현
지속적인 개선(Continuous Improvement)을 통해, 개발자는 자신의 기술적 역량(Technical Skills)을 향상시키고, 자기 성찰(Self-reflection)을 할 수 있다.
결과적으로, 포트폴리오 시스템은 개발자의 브랜딩(Branding)을 강화하고, 채용 시장(Job Market)에서 경쟁력을 높이는 데 기여한다.
