김현수

Full-Stack Developer

안녕하세요. 4년차 개발자 김현수입니다.
저는 제품의 아이디어가 실제 화면과 기능으로 이어지는 전 과정을 좋아합니다.
특히 복잡한 기능을 서비스 속에 녹여내어 보다 나은 사용자 경험을 만드는 데 관심이 많습니다.

현재는 오노마AI에서 생성형 AI 기반 서비스를 만들고 있습니다.
복잡한 영상 편집 인터랙션부터 서버 렌더링과 결제 시스템까지,
사용자가 마주하는 흐름을 기준으로 기술을 연결합니다.

빠르게 만드는 것만큼 오래 유지할 수 있는 구조를 중요하게 생각합니다.
명확한 상태 관리, 성능 개선, 반응형 UI와 접근성을 통해 보다 나은 서비스를 제공하고자 합니다.

CONTACT

EXPERIENCE

  1. 오노마에이아이 (2024.07 - 재직 중)

    Full-Stack Developer

    1. 인서툰(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와 캐릭터별 음성·감정·속도 설정을 연동하고 전체 대사 일괄 변환 및 타임라인 동기화 구현

    2. 일러스트리어스(Illustrious-XL) - 자체 모델 기반 AI 이미지 생성 플랫폼

      • 서비스 성장에 대응하는 풀스택 아키텍처 설계

        • Next.js 초기 구조를 설계하고 Zustand·TanStack Query로 상태 책임을 분리한 뒤 NestJS·Prisma 백엔드로 확장

      • 글로벌 사용자의 이미지 생성 대기 시간 개선

        • 사용자 지역별 지연을 분석하고 AI 서버 통신을 HTTP 스트리밍으로 전환해 체감 생성 시간을 40% 이상 단축

      • PayPal 결제·구독 시스템 구축 및 서비스 운영

        • 일반·정기 결제와 Webhook 기반 구독 관리를 구현해 출시 후 300건 이상, 8,000달러 이상 매출 달성에 기여

        • 글로벌 회원 약 4,500명과 40여 개 국가의 결제 데이터를 확보해 제품 방향 수립에 기여

    3. 투툰(TooToon) - AI 웹툰 생성 플랫폼

      • PortOne 결제·구독 시스템 구축

        • 일반·정기 결제와 구독 관리를 구현해 출시 후 120건, 약 130만 원의 단기 매출 달성에 기여

      • 이미지 피드와 사용자 인터랙션의 체감 성능 개선

        • IntersectionObserver 기반 무한 스크롤로 masonry 이미지 피드를 끊김 없이 순차 렌더링

        • 좋아요와 Drag & Drop에 낙관적 업데이트를 적용해 1초 이상 지연되던 상태 반영을 즉시 처리

      • 데이터 요청 로직을 TanStack Query 기반으로 표준화

        • 분산된 axios·try/catch 로직을 공통 구조로 통합해 중복 요청 코드를 줄이고 캐싱·재사용성 강화

  2. 주식회사 이지시큐 (2022.12 - 2024.07)

    Frontend Developer

    1. 시큐리스트(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

  1. 코드스테이츠(2020.06 - 2020.11)

    Advanced software engineering

  2. 숭실대학교 글로벌미래교육원(2016.03 - 2021.02)

    컴퓨터공학

CERTIFICATIONS AND STUDY

  1. 모던 자바스크립트 딥다이브 스터디(2023.12)

  2. 정보처리산업기사(2020.08)