김희창 경력기술서

  • Why를 탐구하는 엔지니어: 단순히 기능을 구현하는 것을 넘어, 기술의 근본적인 원리와 선택의 이유를 집요하게 파고듭니다. 최근에는 Python으로 브라우저 렌더링 엔진을 직접 구현하며 DOM 구조의 본질과 파싱 비용에 대해 학습하고 있습니다.
  • Product-Minded Engineer: 기술이 만들어내는 사용자 가치와 비즈니스 임팩트에 집중합니다. A/B 테스트 설계부터 운영 효율화를 위한 자동화 파이프라인 구축까지, 프로덕트의 성장을 위한 전 과정을 주도합니다.
  • Full-Cycle Engineering: 프론트엔드를 주력으로 하되, 서버 인프라(AWS Lambda)와 데이터 파이프라인(GraphQL)을 아우르는 넓은 시야로 전체 시스템의 병목을 해결합니다.
  • Global Communication: 해외 근무 경험을 바탕으로 영어권 팀원들과의 기술적/비즈니스적 협업이 원활합니다.

Tech Stack

  • Core: JavaScript (ES6+), TypeScript, Python
  • Frontend: React.js, Next.js, React Native, Redux/Redux-Saga, RTK Query
  • Backend: Ruby on Rails, Sidekiq (Queue), Redis, AWS Lambda, PHP, Laravel, Eloquent ORM
  • DevOps: GitLab CI/CD, Docker, AWS

Links




Work Experience


플랭 (Plang)

Software Engineer

Feb 2025 ~ Dec 2025 / 플랭 / 플랭스쿨

Core Engineering & Productivity (B2B/B2C)

기술 스택: React, React Native, Next.js, TypeScript, RTK Query, MUI, Redux, Redux-Saga, Ruby, Ruby on Rails, AWS Lambda, WebSocket

  • i18n 파이프라인 최적화 및 DX 개선:
    • 기존 Google Sheets 기반 다국어 파이프라인에 존재하던 수동 포맷팅(Manual Formatting) 병목을 진단하고 개선했습니다.
    • JSON 생성 스크립트 내에 Prettier 프로세스를 통합하도록 로직을 고도화하여, 번역 배포 시마다 발생하던 불필요한 수동 작업을 제거하고 코드 스타일 일관성을 확보했습니다.
  • Event-Driven 아키텍처 기반 PDF 비동기 생성 시스템 구축:
    • 대량의 학습 데이터를 PDF로 변환하는 Long-running Process의 타임아웃 및 서버 부하 문제를 해결하기 위해, Sidekiq(Background Worker)와 AWS Lambda, WebSocket을 결합한 비동기 파이프라인을 설계했습니다.
    • Sidekiq로 작업 대기열(Queue)을 안정적으로 관리하고, Lambda로 리소스 집약적인 변환 작업을 분리하여 메인 서버의 성능 저하를 방지했습니다.
    • 작업 진행률(Progress)을 WebSocket으로 실시간 동기화하여, 긴 대기 시간 동안 사용자에게 시각적 피드백을 제공함으로써 UX 만족도를 크게 개선했습니다.
  • 실시간 오디오/네트워크 환경 진단 및 장애 대응 로직 고도화:
    • 모바일 학습 환경의 불안정성을 해결하기 위해 Microsoft Azure STT 라이브러리와 연동된 오디오 입력 감지 시스템을 구축하고, 데시벨(dB) 임계값을 실시간으로 측정하여 유효한 음성 입력 여부를 정밀하게 검증했습니다.
    • 브라우저의 offline 이벤트 리스너가 가지는 신뢰성 한계(실제 패킷 전송 가능 여부 미확인)를 극복하기 위해, 서버 Ping(Heartbeat)을 통한 Active Polling 로직을 추가하여 네트워크 연결 상태를 이중으로 체크하도록 구현했습니다. 이를 통해 학습 중단 CS 유입을 획기적으로 줄였습니다.
  • 데이터 기반 A/B 테스트 및 UX 고도화:
    • 구독 전환율 증대를 위해 가설 수립부터 데이터 로깅, UI 구현까지 주도했습니다. 특히 상위 플랜 진입 경로를 최적화하여 전환율 5% 상승에 기여했습니다.

Legion Collective

Senior Developer

Aug 2022 ~ Jul 2024

기술 스택: Next.js, GraphQL, Headless CMS, Vanilla JS, Optimization

  • Monolith to Headless Migration & Performance Tuning:
    • 기존 PHP 기반 모놀리식 웹사이트를 Next.js와 Headless CMS 구조로 마이그레이션하여 아키텍처를 현대화했습니다.
    • SSG(Static Site Generation)를 적용하여 초기 로딩 속도(TTFB)를 획기적으로 단축하고, GraphQL을 도입해 불필요한 데이터 전송(Over-fetching)을 방지하여 네트워크 페이로드를 최적화했습니다. 그 결과 사이트 인터랙션 속도가 90% 이상 개선되었습니다.
  • 고성능 인터랙티브 웹 구현 및 렌더링 최적화:
    • 복잡한 시퀀스 제어는 GSAP를 활용하여 개발 생산성을 높이되, 실제 애니메이션 렌더링 시 CSS Hardware Acceleration(GPU 가속)을 적극 활용하여 메인 스레드의 부하를 최소화했습니다.
    • 무거운 연산이 필요한 구간과 가벼운 CSS 트랜지션으로 처리가 가능한 구간을 분리하여 설계함으로써, 다양한 디바이스 환경에서도 60fps의 부드러운 인터랙션을 구현했습니다.

Junior Developer

July 2019 ~ Aug 2022

기술 스택: Angular, Laravel

  • 설문조사 데이터 시각화 플랫폼 개발:
    • 설문 응답 데이터를 직관적인 차트로 시각화하는 프론트엔드 로직을 구현하고, Page Transition을 적용하여 페이지 전환 시 끊김 없는 사용자 경험(SPA)을 제공했습니다.
  • E-Commerce 결제 모듈 확장:
    • 기존 레거시 시스템에 PG사 연동 및 결제 프로세스를 확장 개발하며, 결제 완료까지의 전체 UI/UX 흐름을 개선했습니다.



Personal Projects & Deep Dive


Building a Web Browser Engine (Python)

Current Project

  • "브라우저는 어떻게 HTML을 이해할까?" 라는 호기심에서 시작해, browser.engineering 커리큘럼을 따라 파이썬으로 브라우저 렌더링 엔진을 바닥부터 구현하고 있습니다.
  • 현재 HTML 파서(Parser)와 DOM 트리 구축 로직을 직접 코딩하며, 브라우저가 마크업 텍스트를 토큰화하고 객체 모델로 변환하는 과정을 깊이 있게 학습 중입니다.



Awards


Facebook Developer Community Hackathon - Winner

Nov 2019

  • 페이스북 주최 해커톤 생산성/유틸리티 부문 우승
  • React.js 기반의 위치 기반 음식점 추천 챗봇 개발



Education


School of the Art Institute of Chicago

2012 ~ 2019 / BFA (Bachelor of Fine Arts)

Invely's