Junsu Kim — Frontend Engineer

[AB]About

컴퓨터공학부 졸업 후, 스타트업과 B2B/B2C를 주력으로 하는 회사에서 Figma 시안부터 Next.js 구현, GitHub Actions 배포, Sentry 관측까지 한 제품을 끝까지 굴려봤습니다. AI 도구는 반복 작업을 덜어내는 수단으로 쓰고, 정작 시간은 다른 곳에 들입니다. SEO · AEO · GEO 구조와 레거시 이관으로 제품이 발견되는 흐름을 설계하고, 번들 분할 · Core Web Vitals로 성능을 맞추고, SSR hydration · 운영 복구 시나리오로 안정성을 챙깁니다. 운영에 들어가면 GA 이벤트와 관측 체계로 제품이 어떻게 쓰이는지 읽고, 타입 안전성 · 배포 자동화로 개발 경험을 다듬습니다.

Name: 김준수 · Junsu Kim
Email: junsu4621@naver.com
Experience: 1년 1개월
Target: Frontend / AI Engineer
Traits: 소통은 부드럽게, 의견은 논리적으로

Résumé

Education
한국공학대학교 컴퓨터공학부 소프트웨어전공 졸업
GPA 3.45 / 4.5 · 전공 평점 3.54 · 전공학점 141
2020.03 — 2026.02
- AI 기반 데이터 분석 및 시각화 교육 수료
  한국산학연협회 주관
  2025.12.22
- SW캡스톤디자인 우수상
  식습관 관리 앱 '잇핏' · PWA 프론트엔드 · 논문 작성
  2025.03 — 2025.09
- 스나이퍼팩토리 프론트엔드 3기
  우수상 · 팀 프로젝트 리더 · 와이리 Vue → Next.js 마이그레이션
  2024.10 — 2024.12
- 웅진씽크빅 × Udemy Next.js 부트캠프 3기
  2등 · 우수 수강생 선발 · Componique 개발
  2024.04 — 2024.09
Military
대한민국 육군 53사단 126여단 4대대 병장 만기전역
통신병 · 정보분석조 · 부대 통신망 유지보수 · UFS / 부산 호국훈련 참가
2021.06.07 — 2022.12.06
Language
OPIc IM1 (Intermediate Mid 1)
2025.02.19
Certificates
Google Analytics 4 (GA4) Certified
2025.09.19
- 운전면허 1종 보통
  2020.01.29
- 태권도 4단
  2016.12
Etc
한국공학대학교 현장실습 서포터즈 드림온 1·2·3기
1기 단원, 2·3기 부단장 · 현장실습 상담소 · 기업 인터뷰 · 홍보 콘텐츠 제작
2022.12 — 2025.02
- TUK GDSC Beginner
  React 스터디 및 팀 프로젝트
  2024.05 — 2024.08
- 대학생 발표연합동아리 SPLing 40·42기
  40기 기수 (발표 수상 2회), 42기 운영진 · 기획팀 팀장
  2020.03 — 2021.04

[WO]Work

TOTAL · 1년 1개월

01/2025.07 — 재직중
대리
AimBe Lab
SW 개발팀
웹 서비스 프론트엔드 · 백엔드 및 AI 기능 개발
마이피드 (My Feed)
축산업 특화 데이터 분석 SaaS · GA4 + Gemini AI 통합 · React 19 / FastAPI
- 14개 API 병렬 오케스트레이션(Promise.all) + Recharts 복합 차트로 SaaS 대시보드 구성
- Gemini API 멀티모델 폴백(gemini-flash-latest → gemini-pro-latest)으로 AI 인사이트 리포트 자동 생성 · 마크다운 렌더링
- 회사 → 대리점 → 농장 3단계 재귀 트리 멀티셀렉트 필터 자체 구현 (Redux/Zustand 없이 순수 hooks)
- SSE 기반 대용량 CSV 스트리밍 내보내기 · 배치 동기화 스트리밍 · WebSocket 엔드포인트 설계 참여
- JWT + RBAC 다중 권한 레벨(admin / 대리점 / 농장) UI 분기 + 부분 월 엣지케이스 대응 기간 비교 유틸 설계
홈페이지 리뉴얼
B2B SaaS 마케팅 사이트 풀스펙 리뉴얼 · Next.js 16 App Router + React 19 RSC
- Next.js 16 App Router + RSC 아키텍처 설계 — Server Components 기본 + 'use client' 최소화로 번들 감소, Streaming SSR, 동적 Metadata API(sitemap · robots · OG)
- next-intl 없이 KR/EN 커스텀 i18n 자체 구현 — 타입 안전 메시지 제네릭(Record<Locale, Shape>), localStorage + CustomEvent 전역 동기화
- 레거시 URL 5종 301 리다이렉트 + sitemap · robots 인프라로 검색 인덱스 교체 (크롤 → 인덱스 → 랭크 파이프라인 대응)
- Route Handler 기반 외부 콘텐츠 파이프라인 — 네이버블로그 RSS · OG 썸네일 파서 · 이미지 CORS 프록시 · 언론사 도메인 매핑
- 레거시 Metronic 대시보드 iframe 통합 + URLSearchParams · TreeWalker로 부모-iframe 런타임 i18n 양방향 동기화
- Sentry 서버/클라/엣지 3-runtime + Microsoft Clarity CTA 이벤트 + /proof-viewer 파라미터 화이트리스트 검증으로 옵저버빌리티·보안 이중화
02/2025.03 — 2025.06
인턴
The Innovators
TA 기술연구부서
StartupQT 퀴즈 SaaS · 기획 · 프론트엔드 · DevOps 전반 참여
StartupQT
창업 교육용 퀴즈 저작·검수·관리 SaaS · Next.js · 기획부터 CI/CD · SSL까지 단독 구축
- 문제 저작·검수·관리 37개 세부 기능 명세 + 공수·우선순위 산정 + 사용자·관리자 9페이지 플로우 분할까지 기획 단계부터 참여
- 문제 유형·주제·보기·정답·난이도·풀이 전략·해설·오답 해설 12단계 입력 흐름의 퀴즈 저작 에디터 프론트엔드 설계·구현
- 검수 체크리스트 모달(4개 카테고리·경고 문구·전체 확인 UX) + 반려 사유 카테고리화 + 동시 검수 충돌 대응 워크플로 구현
- Self-hosted Runner(EC2 Ubuntu) + GitHub Actions + PM2 + Docker 멀티스테이지 Dockerfile로 배포 파이프라인 단독 구축
- Nginx 리버스 프록시(/_next/ 정적 경로 포함) + Let's Encrypt Certbot HTTPS 적용 · 자동 갱신 운영
- Husky + lint-staged pre-commit + pre-push(build · yarn audit) 품질 게이트 + Jest · RTL 기반 TDD(Red → Green → Refactor) 적용