About

안녕하세요, 김대연입니다. 2021년 4월부터 React·TypeScript 기반 프론트엔드 개발자로 일하고 있습니다. 오픈소스 컴포넌트 라이브러리 메인테이닝으로 시작해, 지금은 NHN Cloud에서 사내 디자인 시스템 라이브러리를 만들고 있습니다.

다양한 기능과 편리한 사용성, 그리고 시각적으로 완성도 높은 결과물을 만드는 일을 좋아합니다. 이 블로그에는 프론트엔드, 디자인 시스템, 그리고 개발자 경험(AX)을 끌어올리는 도구에 대한 기록을 남깁니다.

하는 일

• NHN Cloud · NCUI 개발팀 (2022.04 — 현재) — 디자인 시스템 라이브러리 개발. NCUI, DataGrid, LiveEditor, Console Builder 등.
• NHN · TOAST UI 팀 (2021.04 — 2022.03) — 오픈소스 TOAST UI(Editor, Grid, DatePicker, Tree 등) 메인테이닝.

주요 작업

• NCUI Component Library — NHN Cloud 콘솔 전반의 UI 컴포넌트 라이브러리. 코어 컴포넌트 설계·구현과 장기 유지보수, DateTimePicker·Table 진화, 브라우저에서 컴포넌트 예제를 즉시 실행하는 LiveEditor 발의·개발.
• NCUI DataGrid — 스프레드시트 수준의 편집이 필요한 화면을 위한 고급 데이터 그리드. TanStack Table을 코어로 삼아 디자인 시스템에 맞춘 래퍼 계층을 설계하고 0→1로 구축, 편집·Undo/Redo·Tree Grid 등을 구현.
• TOAST UI Grid — 성능 병목을 분석해 100만 셀 데이터 설정 시간을약 10분 → 0.6초로 단축. 동일 값 연속 셀 동적 병합 기능 개발.
• Console Builder — NCUI 컴포넌트로 콘솔 화면을 비주얼하게 조립하는 노코드 빌더. React 코드 ↔ JSXN 양방향 변환 직렬화 시스템과 비주얼 에디터 UI를 설계·구축.

일하는 방식

디자이너·다른 팀 개발자와 긴밀하게 호흡을 맞추는 걸 좋아합니다. 폰트 메트릭이나 베이스라인 정렬처럼 직관적으로 인지하기 어려운 렌더링 제약을 비유로 풀어내고, 의도를 만족시킬 대안까지 함께 찾습니다. 기능을 만드는 것만큼이나 그 결정을 다른 직군에게 설득력 있게 전달하는 것이 라이브러리 개발자의 핵심이라고 생각합니다.

AI 도구를 단순히 쓰는 데 그치지 않고, 업무 흐름에 맞는 자동화 환경을 직접 설계해 씁니다. 업무 보고 자동화 Skill, 사내 협업 도구 연동 Skill, 여러 프로젝트의 git worktree를 일괄 관리하는 CLI 등을 만들어 개발자 경험을 능동적으로 끌어올리고 있습니다.

연락

이메일 jajugoguma@gmail.com· GitHub @jajugoguma