.jpg)
GitHub github.com/TAEW00KIM
Email [email protected]
성능 병목을 측정으로 찾아 프론트엔드와 백엔드 양쪽에서 걷어내는 개발자입니다. 검색 화면 CLS를 0.246에서 0.002로, 위치 기반 조회를 3초에서 0.1초로 줄였고, 배포 다운타임도 30초에서 0초로 없앴습니다.
한국외국어대학교 컴퓨터공학부 21.03 ~ 27.02 (졸업예정) · 군필
Frontend TypeScript | React | Next.js | Apollo Client (GraphQL) | Zustand | Radix UI | SCSS Modules | Framer Motion | Storybook
Backend Java | Spring Boot | JPA / QueryDSL | Spring Security | Node.js
Database MySQL | Redis
Infra AWS (EC2·S3·CloudFront·Lambda@Edge) | Docker | GitHub Actions
AI Claude Code | Codex | LLM API (Gemini·OpenRouter) | 브라우저 자동화 검증
Etc Python | Turborepo | Vitest
Vling · 프론트엔드 현장실습
2026.07 ~ 진행 중
<aside> ❗
유튜브 채널·영상 데이터 SaaS입니다. 단일 도메인을 3개 Next 서버로 나눈 마이크로 프론트엔드 구조라, 검색 화면의 과다 요청과 레이아웃 흔들림이 체감 성능을 그대로 깎고 있었습니다.
</aside>
결과: 머지 제외 커밋 781건(fix 375 · feat 151 · perf 41, 2026.07.09~10.02) · +74K / −24K 라인
성능 개선 수치 샌드박스 실측 · 개선 전후 동일 조건 비교
| 지표 | Before | After | 기법 |
|---|---|---|---|
| 검색 화면 CLS | 0.246 | 0.002 | 스켈레톤 key 를 그리드 절대 슬롯 번호로 |
| 정렬 변경 응답 | 2,194ms | 40ms | shallow 라우팅 전환 |
| 썸네일 TTFB | 928ms | 154ms | 슬롯 크기 소스로 옵티마이저 우회 |
| 검색 소요(브이로그) | 8.6s | 2.4s | 기본 기간 6개월 + isForRecent |
| 카드 재렌더 | 19회 | 1회 | memo 실효화 |
| 키워드 검색 후보 | 133만 건 | 2.2만 건 | 단어 분해 OR 매칭 절 제거 |
| 첫 화면 요청 | — | GraphQL −4 · 이미지 −24 | alias 배치 + 뷰포트 진입 게이팅 |
| 배포 검증 | 수동 QA | 26초 | AI 에이전트로 스모크 스크립트 작성 |
vling 채널 검색 — 정성 필터 11종·광고 부적합 채널 제거 등 담당 기능
대학 스포츠 중계 실서비스 · 백엔드 팀 기여 · 2026.02 ~ 현재
<aside> ❗
대회 시즌마다 트래픽이 몰리는 운영 서비스라, 배포 중단(30초)과 LLM 마스킹 비용, 데이터 접근 제어가 가장 큰 리스크였습니다.
</aside>
결과: 활성 사용자 4.8천 · 누적 조회 13만 · 배포 다운타임 30초 → 0초 · 합류 후 커밋 55%(221/403, 머지 제외)