코드에서 클라우드까지: AI 통합 포트폴리오 여정

발행: (2026년 1월 30일 오후 10:13 GMT+9)
3 분 소요
원문: Dev.to

Source: Dev.to

소개

안녕하세요, 저는 Yash Shivnani입니다. AI, 클라우드 기술, 풀스택 개발에 큰 관심을 가지고 있는 기술 애호가이자 예비 소프트웨어 개발자입니다. 제 포트폴리오를 통해 문제 해결 사고방식, 최신 기술의 실용적인 구현, 그리고 차별화된 애플리케이션을 만드는 창의성을 보여주고자 합니다.

포트폴리오

전체 화면 보기, 여기를 클릭하세요.

구축 방법

제 프로젝트는 확장성, 인터랙티비티, AI 통합을 위해 설계된 최신 모듈식 기술 스택으로 구성됩니다:

  • 핵심 프레임워크: 타입 안전성을 제공하는 컴포넌트 기반 아키텍처를 위한 React 19와 TypeScript.
  • 스타일링: CDN을 통해 제공되는 Tailwind CSS와 맞춤 설정을 사용해 반응형이며 일관된 UI 디자인 구현.
  • 애니메이션: 물리 기반 애니메이션, 부드러운 전환, 몰입감 있는 UI 효과를 위한 Framer Motion.
  • 아이콘: 가볍고 확장 가능한 벡터 아이콘을 제공하는 Lucide React.
  • 타이포그래피: 깔끔하고 현대적인 미감을 위한 Google Fonts (Chakra Petch & Space Mono).
  • 모듈 시스템: Webpack 같은 번들러 없이 브라우저 네이티브 임포트를 가능하게 하는 ES Modules via esm.sh.

이 설정을 통해 빌드 오버헤드를 최소화하면서도 고품질 사용자 경험을 유지하는 인터랙티브하고 AI 기반 웹 애플리케이션을 만들 수 있습니다.

가장 자랑스러운 점

특히 Google Gemini AI를 프로젝트에 통합한 것이 가장 자랑스럽습니다. 이를 통해 사용자 인터페이스에 직접적인 지능형 인터랙티브와 지원을 제공했습니다. 부드러운 애니메이션 전환부터 완전한 기능을 갖춘 AI 웹사이트까지, 제 포트폴리오는 현대 웹 개발과 AI가 어떻게 실용적이고 매력적인 솔루션을 만들 수 있는지를 보여줍니다.

Portfolio screenshot 1

Portfolio screenshot 2

Portfolio screenshot 3

Portfolio screenshot 4

Back to Blog

관련 글

더 보기 »