김현수
Full-Stack Developer
안녕하세요. 4년차 개발자 김현수입니다.
저는 제품의 아이디어가 실제 화면과 기능으로 이어지는 전 과정을 좋아합니다.
특히 복잡한 기능을 서비스 속에 녹여내어 보다 나은 사용자 경험을 만드는 데 관심이 많습니다.
현재는 오노마AI에서 생성형 AI 기반 서비스를 만들고 있습니다.
복잡한 영상 편집 인터랙션부터 서버 렌더링과 결제 시스템까지,
사용자가 마주하는 흐름을 기준으로 기술을 연결합니다.
빠르게 만드는 것만큼 오래 유지할 수 있는 구조를 중요하게 생각합니다.
명확한 상태 관리, 성능 개선, 반응형 UI와 접근성을 통해 보다 나은 서비스를 제공하고자 합니다.
CONTACT
EXPERIENCE
오노마에이아이 (2024.07 - 재직 중)
Full-Stack Developer
인서툰(Insertoon) - AI 숏폼 영상 제작 SaaS 플랫폼
프레임 단위로 동기화되는 멀티트랙 영상 편집기 개발
WebGL 미디어 렌더러와 Canvas 2D fallback을 구축해 미디어·자막·TTS·오디오를 실시간 미리보기에 동기화
다중 선택·Drag & Drop·리사이즈·크롭·레이어 배치·전환 효과·Undo 등 핵심 편집 인터랙션 구현
브라우저와 서버를 잇는 영상 내보내기 파이프라인 구축
프레임 렌더링·S3 업로드·FFmpeg 미디어 합성 및 오디오 믹싱을 연결해 1080×1920 MP4·MOV 출력 지원
Sparse overlay와 미디어 병렬 처리, 구간별 성능 계측을 적용해 영상 내보내기 시간을 약 40% 단축
미리보기와 서버 렌더러의 배치·스타일·타이밍 계산을 통일해 최종 영상의 시각적·시간적 싱크를 100% 일치
Hyunsui 기반 디자인 시스템 구축 및 제품 적용
직접 개발한 Headless UI 라이브러리를 인서툰에 적용해 제품 스타일은 유지하면서 공통 인터랙션과 접근성 동작을 재사용
스토리보드에서 음성 생성까지 AI 제작 흐름 단순화
SuperTone TTS와 캐릭터별 음성·감정·속도 설정을 연동하고 전체 대사 일괄 변환 및 타임라인 동기화 구현
일러스트리어스(Illustrious-XL) - 자체 모델 기반 AI 이미지 생성 플랫폼
서비스 성장에 대응하는 풀스택 아키텍처 설계
Next.js 초기 구조를 설계하고 Zustand·TanStack Query로 상태 책임을 분리한 뒤 NestJS·Prisma 백엔드로 확장
글로벌 사용자의 이미지 생성 대기 시간 개선
사용자 지역별 지연을 분석하고 AI 서버 통신을 HTTP 스트리밍으로 전환해 체감 생성 시간을 40% 이상 단축
PayPal 결제·구독 시스템 구축 및 서비스 운영
일반·정기 결제와 Webhook 기반 구독 관리를 구현해 출시 후 300건 이상, 8,000달러 이상 매출 달성에 기여
글로벌 회원 약 4,500명과 40여 개 국가의 결제 데이터를 확보해 제품 방향 수립에 기여
투툰(TooToon) - AI 웹툰 생성 플랫폼
PortOne 결제·구독 시스템 구축
일반·정기 결제와 구독 관리를 구현해 출시 후 120건, 약 130만 원의 단기 매출 달성에 기여
이미지 피드와 사용자 인터랙션의 체감 성능 개선
IntersectionObserver 기반 무한 스크롤로 masonry 이미지 피드를 끊김 없이 순차 렌더링
좋아요와 Drag & Drop에 낙관적 업데이트를 적용해 1초 이상 지연되던 상태 반영을 즉시 처리
데이터 요청 로직을 TanStack Query 기반으로 표준화
분산된 axios·try/catch 로직을 공통 구조로 통합해 중복 요청 코드를 줄이고 캐싱·재사용성 강화
주식회사 이지시큐 (2022.12 - 2024.07)
Frontend Developer
시큐리스트(SECURIST) - B2B 정보보호 서비스 매칭 플랫폼
실무진과 핵심 매칭 프로세스 기획·개발
요구사항과 서비스 흐름을 정의하고 비회원 ‘빠른 견적’을 도입해 견적 요청의 진입 장벽 완화
R&D 사업 수행과제 달성과 GS 인증 1등급 획득에 기여
레거시 구조를 정리하고 핵심 화면 렌더링 최적화
UI·Custom Hook 책임 분리와 Redux-saga 상태 관리 재정립으로 코드 가독성과 유지보수성 향상
불필요한 useEffect와 렌더링 병목을 제거해 핵심 화면 렌더링 시간을 5.5초에서 3.5초로 약 36% 단축
SKILLS
Frontend
- Next.js
- TailwindCSS
- Zustand
- Tanstack Query
Backend
- NestJS
- Prisma
- MySQL
Base
- Typescript
- JavaScript
SIDE PROJECTS
치킨스톡(Chicken Stock) - 팀 프로젝트(2인)
투자 학습 및 모의투자 서비스
서비스 기획과 DB 구성 및 Prisma 스키마 설계
Google OAuth 로그인·마이페이지와 포트폴리오·호가창·매수·매도 구현
Supabase Realtime 기반 실시간 호가 및 주문 체결 플로우 구축
Hyunsui - 개인 프로젝트
Compound Components UI Library
접근성과 상태 관리에 집중한 React Headless UI 컴포넌트 7종 개발
ESM·CJS와 타입 선언을 지원하는 npm v1.0.1 패키지 배포
사내 프로젝트 인서툰의 디자인 시스템에 적용해 공통 인터랙션 재사용
EDUCATION
코드스테이츠(2020.06 - 2020.11)
Advanced software engineering
숭실대학교 글로벌미래교육원(2016.03 - 2021.02)
컴퓨터공학
CERTIFICATIONS AND STUDY
모던 자바스크립트 딥다이브 스터디(2023.12)
정보처리산업기사(2020.08)