새로운 기회와 프로젝트를 기다립니다

사용자 중심의 가치를 만드는
소프트웨어 엔지니어 여윤기

복잡한 비즈니스 문제를 직관적이고 견고한 웹 솔루션으로 풀어냅니다. 안정적인 시스템 아키텍처, 렌더링 성능 최적화, 그리고 매끄러운 사용자 경험(UX)을 지향합니다.

4+ 년 프로덕트 엔지니어링
25+ 개 성공적 프로젝트 납품
99.8% 서비스 가동률 유지
developer-profile.ts
const engineer = {
name: '여윤기 (YoonGi Yeo)',
role: 'Frontend & Fullstack',
coreValues: [
'Clean Code',
'High Performance',
'Empathetic UX'
],
passions: 'Web Standards, A11y, Scalability',
availableForHire: true
};
// Always building things for a better web.
React & Next.js
TypeScript Native

문제를 집요하게 파고들고,
지속 가능한 코드를 만듭니다

화려한 기술 자체에 매몰되지 않고, 실제 사용자가 겪는 불편함과 비즈니스 병목을 기술로 해결하는 과정에서 가장 큰 보람을 느낍니다.

스타트업과 B2B SaaS 환경에서 4년간 웹 서비스를 개발하며 대용량 트래픽 처리, 복잡한 비즈니스 로직의 컴포넌트화, 그리고 웹 접근성 준수 프로젝트를 성공적으로 이끌어왔습니다.

단순히 구현하는 것에 그치지 않고, "동료가 유지보수하기 쉬운 코드인가?", "네트워크가 불안정한 환경에서도 부드럽게 작동하는가?"를 끊임없이 되묻습니다.

견고한 아키텍처 & 테스트

확장 가능한 상태 관리와 재사용성 높은 디자인 시스템, E2E/단위 테스트를 통해 결함 없는 프로덕트를 완성합니다.

극대화된 웹 퍼포먼스

Lighthouse 지표 분석, 코드 스플리팅, 이미지 및 번들 최적화로 1초 이내의 빠른 초기 로딩 속도를 보장합니다.

프로필 요약

이름 여윤기 (YoonGi Yeo)
주요 역할 Frontend & Fullstack Engineer
근무지 서울특별시 (원격 근무 가능)
학력 컴퓨터공학 학사
주요 언어 TypeScript, JavaScript, Python
언어 소통 한국어 (모국어), 영어 (비즈니스 회화)
관심 분야 웹 성능, 인터랙션 UI, AI 협업 툴

신뢰할 수 있는 기술 스택

프로덕션 환경에서 실전 검증된 최신 웹 기술과 협업 도구를 유연하게 활용합니다.

Frontend

컴포넌트 설계, 렌더링 최적화, 현대적인 웹 프레임워크 생태계에 깊은 이해를 갖추고 있습니다.

React Next.js (App Router) TypeScript Tailwind CSS Zustand TanStack Query Vue 3 HTML5 / CSS3

Backend & DB

안정적인 RESTful API 및 실시간 통신 서버 개발, 데이터베이스 모델링을 수행합니다.

Node.js Express NestJS PostgreSQL Prisma ORM Supabase Redis WebSocket

DevOps & Cloud

자동화된 CI/CD 파이프라인과 안정적인 클라우드 배포 인프라를 구축합니다.

Docker GitHub Actions AWS (S3, EC2) Vercel Cloudflare Nginx

Tools & Method

디자이너 및 기획자와 긴밀히 협력하고 체계적인 버전 관리 문화를 지향합니다.

Git & GitHub Figma Storybook Jest / Vitest Jira / Confluence Notion / Slack

주요 프로젝트 및 성과

실제 사용자의 문제를 해결하고 비즈니스 지표를 증명해낸 대표 프로젝트들입니다. 카드를 클릭하여 문제 해결 과정을 확인해보세요.

FinFlow Fintech / Web App

FinFlow - 자산 포트폴리오 대시보드

실시간 암호화폐 및 주식 시세를 추적하고, 동적 캔버스 차트로 자산 분배율을 시각화해주는 핀테크 서비스입니다.

초기 로딩 속도 48% 단축 & MAU 1.5만 달성
Next.js 14 TypeScript Tailwind Chart.js
OmniChat AI AI Service

OmniChat AI - 지능형 팀 협업 워크스페이스

문서 요약, 다국어 번역, 코드 검토 기능을 갖춘 멀티 LLM 스트리밍 기반의 실시간 팀 협업 캔버스 플랫폼입니다.

스트리밍 버퍼 레이턴시 30ms 단축
React FastAPI WebSocket Redis
DevLog Engine Open Source / SSG

DevLog Engine - 초경량 마크다운 블로그

Git 커밋 한 번으로 자동 빌드 및 배포되는 개발자 맞춤형 정적 블로그 템플릿. 0kb JS 번들 최적화를 적용했습니다.

GitHub Star 600+ & Lighthouse 100점
Astro TypeScript MDX Tailwind
TaskFlow Pro Web App

TaskFlow Pro - 실시간 칸반 협업 매니저

부드러운 모바일/데스크톱 드래그 앤 드롭 카드 인터랙션과 Socket.io 실시간 동기화를 지원하는 프로젝트 관리 툴입니다.

인터랙션 지연시간(INP) 50ms 미만 유지
React Zustand Socket.io Node.js
PulseDesign Design System

PulseDesign - 접근성 준수 React UI 키트

WCAG 2.1 AA 기준을 준수하여 시각 장애인 스크린 리더와 키보드 탐색을 100% 지원하는 오픈소스 UI 라이브러리입니다.

주간 NPM 다운로드 2,500+ 돌파
React TypeScript Storybook Rollup
EcoTrack Data Dashboard

EcoTrack - 탄소 배출량 추적 및 ESG 리포트

기업 공급망의 온실가스 배출량을 D3.js 기반 대용량 인터랙티브 차트로 시각화하고 규제 준수 보고서를 자동 생성합니다.

국내 12개 엔터프라이즈 파일럿 공급
Vue 3 D3.js TypeScript Python

성장과 기여의 여정

다양한 조직 환경에서 비즈니스 성장을 견인하며 엔지니어로서 거쳐온 기록입니다.

시니어 프론트엔드 엔지니어

넥스트웨이브 테크 (NextWave Tech)
2023.04 - 현재

B2B SaaS 마케팅 자동화 솔루션의 프론트엔드 전반을 리드하며 아키텍처 현대화 및 팀 코드 품질 향상을 주도하고 있습니다.

  • 기존 레거시 SPA를 Next.js 14 App Router 기반으로 마이그레이션하여 초기 번들 크기 52% 절감
  • 디자인 시스템(Pulse UI) 구축 및 도입으로 제품군 내 UI 일관성 100% 확보 및 기능 개발 기간 30% 단축
  • Core Web Vitals 모니터링 체계 도입 및 LCP(Largest Contentful Paint) 1.2초대로 최적화

소프트웨어 엔지니어

클라우드스택 솔루션즈 (CloudStack)
2021.06 - 2023.03

클라우드 인프라 모니터링 대시보드 웹 개발 및 실시간 이벤트 분석 기능 구현을 담당했습니다.

  • WebSocket 및 Web Worker 기반의 초당 300+ 건 실시간 지표 렌더링 파이프라인 개발
  • CI/CD 파이프라인(GitHub Actions) 개선으로 배포 소요 시간을 기존 15분에서 4분으로 단축
  • 프론트엔드 팀 내 TypeScript 도입 및 엄격 모드 적용으로 런타임 Null 에러 80% 감소

주니어 웹 개발자

픽셀랩 인터랙티브 (PixelLab)
2020.03 - 2021.05

엔터프라이즈 브랜드 사이트 구축, 반응형 웹 인터페이스 및 인터랙티브 마이크로사이트 제작을 수행했습니다.

  • 10+ 개 브랜드 기업의 반응형 웹 사이트 론칭 및 크로스 브라우징 호환성 확보
  • 웹 접근성 인증 마크(WA 인증) 획득 프로젝트 주도

새로운 프로젝트와 기회를
언제든 환영합니다

기술 협업, 채용 제안, 프로젝트 문의 등 어떤 주제든 편하게 메시지를 남겨주세요.

이메일 문의
dev.yoongi@portfolio.com
GitHub 저장소
github.com/yoongi-dev
현재 거주지
대한민국 서울특별시 (KST / UTC+9)