Google AI -gemini pro 엔진을 사용한 나의 포트폴리오
Source: Dev.to
About Me
안녕하세요! 저는 프론트엔드 개발자 David이며, Python과 AI 엔지니어링에 열정을 가지고 있습니다. 전통적인 웹 개발과 최첨단 인공지능이 만나는 지점을 탐구하는 것을 좋아합니다. 저는 AI의 실용적인 힘을 보여주는 애플리케이션을 구축하고, Python의 다재다능함과 최신 AI 기능을 결합했을 때 가능한 것들을 시연하는 데 집중하고 있습니다.
이 포트폴리오를 통해 단순히 스킬을 나열하는 것을 넘어, Python과 AI를 실시간으로 활용할 수 있는 인터랙티브한 경험을 만들고 싶었습니다.
Portfolio Demo
Tech Stack
- Frontend: 동적이고 반응형 사용자 인터페이스를 위한 React + JavaScript
- Backend: AI 통합 및 서버‑사이드 로직을 위한 Python
- AI Integration: 강력한 AI 기능을 제공하는 Google AI Studio
- Deployment: 원활한 호스팅과 확장성을 위한 Google Cloud Run
Design Decisions
프론트엔드에 React를 선택한 이유는 컴포넌트 기반 아키텍처 덕분에 Python 백엔드와 상호작용하는 재사용 가능한 UI 요소를 쉽게 만들 수 있었기 때문입니다. 프론트엔드에서는 JavaScript, 백엔드에서는 Python을 사용함으로써 React의 반응형 UI 업데이트와 Python의 풍부한 AI/ML 라이브러리를 모두 활용할 수 있었습니다.
Google AI Tools
포트폴리오의 AI 기능을 구현하기 위해 Google AI Studio를 광범위하게 활용했습니다. 이를 통해 자연어 처리, 지능형 응답, 인터랙티브 AI 시연 등을 사용자 경험에 직접 통합할 수 있었습니다. Google Cloud Run과의 연동으로 배포가 원활했으며, 필요한 확장성도 확보했습니다.
Development Process
- 사용자 경험을 와이어프레임으로 설계
- 모듈형 컴포넌트로 React 프론트엔드 구축
- AI 기능을 위한 Python 백엔드 엔드포인트 개발
- Google AI Studio API 통합
- Cloud Run에 배포하고 성능 최적화
- 테스트와 피드백을 기반으로 반복 개선
Features
Interactive AI Demonstrations
방문자에게 제가 할 수 있는 일을 단순히 설명하는 것이 아니라, 포트폴리오 자체가 보여줍니다. 사용자는 실시간 AI 기능과 상호작용하면서 Python과 AI 엔지니어링의 실제 적용 사례를 체험할 수 있습니다.
Seamless Integration
React 프론트엔드와 Python 백엔드가 매끄럽게 소통하는 점이 특히 자랑스럽습니다. 복잡한 AI 요청을 처리하더라도 사용자 경험은 자연스럽고 반응성이 뛰어납니다.
Real‑World Applications
포트폴리오의 모든 기능은 단순한 기술 시연이 아니라 실제 문제를 해결하는 AI 적용 사례를 나타냅니다. 자연어 처리부터 지능형 자동화까지, 각 요소는 바로 실무 프로젝트에 적용 가능한 스킬을 보여줍니다.
Clean, Professional Design
AI 기능이 주인공이지만, 인터페이스 자체도 깔끔하고 접근성이 높으며 사용자 친화적으로 설계했습니다. 좋은 AI는 좋은 UX와 함께 빛을 발합니다.
Closing Thoughts
이 프로젝트를 통해 프론트엔드 역량과 AI 엔지니어링 능력을 결합하는 데 큰 도전을 얻었으며, 새로운 기술과 도구를 배우면서 계속 확장해 나갈 생각에 설렙니다!