μƒˆν•΄πŸ—“οΈ μƒˆ 포트폴리였🌐 λ‹€μ‹œπŸ”μƒˆλ‘œμš΄ μ‹œμž‘β­οΈ

λ°œν–‰: (2026λ…„ 1μ›” 18일 μ˜€μ „ 02:31 GMT+9)
4 min read
원문: Dev.to

Source: Dev.to

Introduction

이 μ œμΆœμ€ Google AIκ°€ μ£Όκ΄€ν•˜λŠ” μƒˆν•΄, μƒˆλ‘œμš΄ λ‹Ήμ‹  포트폴리였 μ±Œλ¦°μ§€λ₯Ό μœ„ν•œ κ²ƒμž…λ‹ˆλ‹€.

μ €λŠ” 열정적인 μ†Œν”„νŠΈμ›¨μ–΄ μ—”μ§€λ‹ˆμ–΄μ΄μž λ¨Έμ‹ λŸ¬λ‹ μ• ν˜Έκ°€λ‘œ, ν˜„μž¬ Arrcus Networksμ—μ„œ SWE둜 κ·Όλ¬΄ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ΄μ „μ—λŠ” Zoho(μ˜€λ””μ˜€β€‘ML)μ—μ„œ κΈ°μ—¬ν–ˆμœΌλ©°, naas.aiμ—μ„œ μ†Œν”„νŠΈμ›¨μ–΄ 개발자 인턴십을 λ§ˆμ³€μŠ΅λ‹ˆλ‹€.

제 배경은 데이터 μ‚¬μ΄μ–ΈμŠ€, λ„€νŠΈμ›Œν‚Ή, ν’€β€‘μŠ€νƒ κ°œλ°œμ— 걸쳐 있으며, μ§€λŠ₯ν˜• μ‹œμŠ€ν…œκ³Ό ν™•μž₯ κ°€λŠ₯ν•œ μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ κ΅¬μΆ•ν•˜λŠ” 것을 μ¦κΉλ‹ˆλ‹€. ν”„λ‘œμ νŠΈμ™€ 해컀톀을 톡해 μ‹€μš©μ μΈ κ΅¬ν˜„μ„ κ°•μ‘°ν•˜λŠ” 평생 ν•™μŠ΅μžμ΄λ©°, μ—¬κ°€ μ‹œκ°„μ—λŠ” μ˜€ν”ˆβ€‘μ†ŒμŠ€μ— κΈ°μ—¬ν•˜κ³ , 기술 λΈ”λ‘œκ·Έλ₯Ό μž‘μ„±ν•˜κ³ , λ”₯λŸ¬λ‹κ³Ό μ›Ή κ°œλ°œμ„ νƒκ΅¬ν•˜λ©°, 독일어λ₯Ό 배우고, κ°€λŠ₯ν•œ ν•œ 좕ꡬλ₯Ό ν•©λ‹ˆλ‹€.

Technologies Used

  • Next.js – λΉ λ₯΄κ³  ν™•μž₯ κ°€λŠ₯ν•œ React ν”„λ ˆμž„μ›Œν¬λ‘œ μ•± ꡬ쑰화
  • Antigravity – λ°±μ—”λ“œ 둜직 및 μ—μ΄μ „νŠΈ μ›Œν¬ν”Œλ‘œ μ˜€μΌ€μŠ€νŠΈλ ˆμ΄μ…˜
  • Geminiβ€―2.5 Flash (AI Studio) – μ‹€μ‹œκ°„ AI μΆ”λ‘  및 응닡(LLM) 제곡
  • ElevenLabs Agent – μžμ—°μŠ€λŸ½κ³  ν‘œν˜„λ ₯ μžˆλŠ” μŒμ„± μΈν„°λž™μ…˜ κ΅¬ν˜„
  • Google Cloud Run – μ„œλ²„λ¦¬μŠ€ λ°©μ‹μœΌλ‘œ μ•± 배포 및 ν™•μž₯
  • Tailwindβ€―+β€―shadcn – μž¬μ‚¬μš© κ°€λŠ₯ν•œ μ»΄ν¬λ„ŒνŠΈλ‘œ κΉ”λ”ν•˜κ³  ν˜„λŒ€μ μΈ UI λ””μžμΈ
  • Email.js – μ΅œμ†Œ μ„€μ •μœΌλ‘œ μ›ν™œν•œ μ—°λ½μ²˜ 폼 νŽ˜μ΄μ§€ 톡합

Performance Metrics

  • Next.js ν”„λ‘œλ•μ…˜ λΉŒλ“œμ˜ μ—¬λŸ¬ μš”μ†Œμ—μ„œ 100/100 Lighthouse Performance 달성
  • 0.3β€―s First Contentful Paint (FCP) 및 0.4β€―s Largest Contentful Paint (LCP) 기둝, Core Web Vitals λͺ©ν‘œ 크게 초과
  • 메인 μŠ€λ ˆλ“œ μž‘μ—…μ΄ 거의 μ—†μ–΄μ„œ 0β€―ms Total Blocking Time μœ μ§€
  • Cumulative Layout Shiftλ₯Ό 0.005 μ΄ν•˜λ‘œ μœ μ§€ν•˜μ—¬ μ‹œκ°μ  μ•ˆμ •μ„± 보μž₯
  • 100 SEO와 96 Best Practices 점수 νšλ“, ν”„λ‘œλ•μ…˜ μˆ˜μ€€ ν‘œμ€€ μΆ©μ‘±
  • 이미지, JavaScript νŽ˜μ΄λ‘œλ“œ, 캐싱 μ΅œμ ν™”λ₯Ό 톡해 전체 μ„±λŠ₯을 83 β†’ 100으둜 ν–₯상
  • μ„œλΈŒβ€‘μ΄ˆ λ‘œλ“œ μ‹œκ°„μ„ μœ μ§€ν•˜λ©΄μ„œ μ™„μ „ AI 기반 μ•± 제곡

Future Improvements

  • 접근성을 κ°•ν™”ν•˜μ—¬ μ‚¬μ΄νŠΈκ°€ λͺ‡ μ΄ˆμ—μ„œ 1λΆ„ μ •λ„λ§Œ 봐도 μ‚¬μš© κ°€λŠ₯ν•˜λ„λ‘ 보μž₯
  • 핡심 μ—­λŸ‰κ³Ό ν”„λ‘œμ νŠΈλ₯Ό 더 잘 λ°˜μ˜ν•˜λ„λ‘ λžœλ”© νŽ˜μ΄μ§€ κ°œμ„ 
  • 데λͺ¨ μ˜μƒ 및 해컀톀 μ˜μƒμ„ 릴/μ‡ΌνŠΈ ν˜•μ‹μœΌλ‘œ 톡합
  • 포트폴리였λ₯Ό μ‹ μ„ ν•˜κ³  λ§€λ ₯적으둜 μœ μ§€ν•˜κΈ° μœ„ν•΄ μ§€μ†μ μœΌλ‘œ μƒˆλ‘œμš΄ μ½˜ν…μΈ μ™€ κΈ°λŠ₯ μΆ”κ°€
Back to Blog

κ΄€λ ¨ κΈ€

더 보기 Β»

ν”„λ‘œλ•μ…˜ μ—μ΄μ „νŠΈμ—μ„œ λ©”λͺ¨λ¦¬ λ“œλ¦¬ν”„νŠΈλ₯Ό κ°μ§€ν•˜λŠ” 방법

ν”„λ‘œλ•μ…˜ ν™˜κ²½μ—μ„œ AI μ—μ΄μ „νŠΈλ₯Ό μš΄μ˜ν•˜λ©΄μ„œ λ©”λͺ¨λ¦¬ λ“œλ¦¬ν”„νŠΈλ₯Ό λͺ…μ‹œμ μœΌλ‘œ μΆ”μ ν•˜μ§€ μ•ŠλŠ”λ‹€λ©΄, λˆˆμ„ 가리고 λ‚ μ•„λ‹€λ‹ˆλŠ” κ²λ‹ˆλ‹€. λ“œλ¦¬ν”„νŠΈλŠ” λ©”λͺ¨λ¦¬ μ‹œμŠ€ν…œμ΄ μ„œμ„œνžˆβ€¦

AWS SageMakerλŠ” μ‹€μ œλ‘œ λ¬΄μ—‡μΈκ°€μš”??

SageMakerκ°€ μ™œ μ‘΄μž¬ν• κΉŒμš”? μ‹€μ œ 이야기λ₯Ό λ“€λ €λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€. 2015‑2017λ…„κ²½, 기업듀은 λ‹¨μˆœνžˆ 연ꡬ에 κ·ΈμΉ˜μ§€ μ•Šκ³  μ‹€μ œ ν”„λ‘œλ•μ…˜μ—μ„œ λ¨Έμ‹ λŸ¬λ‹μ„ μ μš©ν•˜λ €κ³  μ‹œλ„ν•˜κΈ° μ‹œμž‘ν–ˆμŠ΅λ‹ˆλ‹€β€”λ‹¨μ§€ μ—°κ΅¬λ§Œμ΄ μ•„λ‹ˆλΌβ€¦

Bio-Digital κ³Όμˆ˜μ›: 자기 ꡐ정 μ‹œμŠ€ν…œ

λΌμ΄μ„ μŠ€: CC0 1.0 Universal Public Domain Freedom to Operate Statement 이 λ¬Έμ„œλ₯Ό μ‚¬μš©ν•˜μ—¬ νŠΉμ • μ‹œμŠ€ν…œμ„ κ°œλ°œν•˜κ±°λ‚˜, κ°œμ„ ν•˜κ±°λ‚˜, κ·Έλƒ₯ 볡사‑뢙여넣기 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.