김수민

Frontend Developer

phone 010-3134-0015

About Me

코드를 작성할 때는 무한한 확장성보다 기능의 가치와 맥락을 고려해 적정 수준의 엔지니어링을 지향하며, 사용자 경험을 최우선으로 사각지대까지 꼼꼼히 검토합니다. 또한 역할과 영역에 구애받지 않고 문제 해결에 나서며, 모두가 한 팀으로 긴밀히 협업하는 문화를 중요하게 생각합니다. 생산성과 협업에 진심인 개발자입니다. 비개발 직군의 워크플로우를 관찰해 업무 경험을 개선하고, 자동화 도구와 프로세스 정비로 팀과 개인의 생산성을 동시에 높인 경험이 있습니다.

Work Experience

Naver Cloud

프리랜서 • Frontend Developer

2025.02 - 현재

AI 기반 교육 서비스 및 협업 도구의 프론트엔드 개발을 주도하고, 기능 개발뿐 아니라 조직의 생산성과 협업 문화를 정립하는 데 기여했습니다.

Tech Stack.

ReactTypeScriptTanStack QuerytailwindCSSshadcn/uiTanstack RouterNext.js

Description

OpenAPI + MSW 기반 API 협업 구조 설계, BE/FE 병렬 개발로 프론트 병목 시간 약 2.5일 단축
사내 시스템 미지원 환경에서 일정관리 도구 자체 개발, Webhook 연동으로 작업 자동 추적 및 팀 일정 관리 비용 절감
shadcn UI + Naver 디자인 토큰 기반 디자인 시스템 구축, 디자이너 부재 환경에 맞춰 와이어프레임 중심 협업 체계 수립
WebSocket 대신 text/event-stream 방식을 제안·검증 후 fetch 기반 스트리밍으로 전환 → 개발 부담 경감, 확장 가능한 DTO 설계로 유지보수성 향상
ProseMirror 기반 수식 블럭 입력 에디터 개발, LaTeX 기반 수식 입력 및 커스텀 가상 키보드 지원

당근

체험형 인턴 • Frontend Developer

2024.10 - 2025.01

당근알바 팀에서 마케팅, 엔터프라이즈 영역의 프론트엔드 개발을 담당했습니다.

Tech Stack.

ReactTypeScriptRelay ClientStitchesGatsbyVanilla ExtractBigQuery

Description

자체 마케팅 페이지 모듈화 및 자동 생성 시스템 구축: 개발 기간 3주 → 7~10일 단축, QA 이슈 30% 감소
빅폰트 환경 대응 및 CTA 레이블 최적화로 전체 지원취소율 2% 감소, 타겟 유저 기준 20% 감소
프랜차이즈 대상 간편 공고 등록 시스템 독립 개발, 어드민 템플릿 + QR 기반 공고 작성 구조 설계
iOS 웹뷰 환경에서만 발생하는 webglcontextlost 에러 원인 파악 및 대응 로직 작성
마케팅 배너 수정 자동화 → PM·디자이너 직접 수정 가능, 월 3시간 이상 커뮤니케이션/QA 리소스 절감

Naver Cloud

체험형 인턴 • Frontend Developer

2024.04 - 2024.10

LLM 기반 AI를 활용해 헬스케어 제품 개발 가능성을 POC로 검증하는 LAB 부서에서 프론트엔드 개발을 담당했습니다.

Tech Stack.

Next.jsTypeScriptReact NativeTanStack QuerytailwindCSSnextuishadcn/uiDocker

Description

OpenAPI 기반 API 자동 생성 CLI 도구 개발 → 팀 컨벤션 기반 API 클라이언트, DTO, Query/Mutation Hook 자동화
협업사 데모 요청에 따라 기존 프로젝트에서 전환, 클로바 API 승인 지연 대응 → Web Speech API 기반 STT 구현으로 1주 내 음성 채팅 데모 완성
Tanstack Query Hydration Boundary 도입 → SSR 시 토큰 갱신 로직을 CSR로 이관하여 인증 흐름 단순화

모베란

계약직 • Frontend Developer

2024.01 - 2024.02

대한민국 국회 정책영상 플랫폼 포탈 페이지 개발, kfa 축구협회 시스템 관리자 페이지 개발을 담당했습니다.

Tech Stack.

ReactJavascriptTanStack QueryzustandtailwindCSSReduxRedux thunk

Link.

Service 🔗

Description

워드클라우드 성능 개선: SVG 기반 차트에서 ChartJS 마이그레이션으로 렌더링 프레임 속도 1050ms → 15.6ms 단축
무한스크롤/페이지네이션 통합 훅 개발: 반응형 화면별 로직 통합 + react-virtualized 적용으로 DOM 렌더링 범위 최소화
라우터 책임 분리: React Router v6 loader 활용해 필터 유효성 검증을 라우팅 단계로 이전, 페이지 로직 단순화 & 안정적인 UX 보장

Gbrain

외주 • React Native Developer

2023.01 - 2023.08

근전도 데이터를 시각적으로 표시하고, 원격으로 전송할 수 있는 교육용 앱 개발을 담당했습니다.

Tech Stack.

React NativeTypescriptNativeWindTanStack QueryJotaiMQTTBLEGithub Actions

Description

0.1초 단위 ESP32 데이터 렌더링 최적화: 디바운스(0.3s) + react-native-charts-wrapper로 병목 제거
장비 연결 UX 개선: 투토리얼 영상을 참고하지 않아도 장비를 설정할 수 있도록 Step 형식의 UX 도입
코드 마이그레이션: Android 네이티브 → React Native 마이그레이션 + iOS BLE 통신 대응을 위한 Arduino 펌웨어 재작성