김수민

Frontend Developer

Phone 010-3134-0015

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

Work Experience

NAVER Cloud

Frontend Developer

상주 프리랜서 25.02 - Present

체험형 인턴 24.04 - 24.10

LLM 기반 AI를 활용한 헬스케어와 교육 서비스 개발을 담당했으며, 조직의 생산성과 협업 문화를 정립하는 데 기여했습니다.

Tech Stack.

ReactNext.jsTypeScriptTanStack QuerytailwindCSSshadcn/uiTanstack RouterPlaywright

OpenAPI 기반 코드 자동 생성 시스템 구축 및 API 협업 구조 설계
- Lab 부서의 짧은 프로젝트 주기와 백엔드 API 대기로 인한 평균 2.5일의 병목이 발생하는 문제가 있었습니다.
- swagger-typescript-api와 EJS 템플릿을 활용해 OpenAPI 스펙 기반으로 API 클라이언트, DTO, Query/Mutation Hook, MSW Mock을 팀 컨벤션에 맞게 자동 생성하는 CLI 도구를 개발했습니다.
- 이를 통해 프론트엔드 병목 시간을 평균 2.5일 단축하며 BE/FE 병렬 개발이 가능해졌고, 반복적인 API 관련 코드 작성 작업을 자동화했습니다.
팀 내 일정 관리 도구 개발 및 작업 자동 추적 프로세스 구축
어떤 배경에서 이 문제를 풀게 됐는지, 과정이 궁금하시다면 여기를 봐주세요. [더 자세히 보기]
- 인턴·프리랜서가 사내 툴을 사용할 수 없어 개발자들이 매번 작업 현황을 수동으로 요약해 기획자에게 보고해야 하는 비효율이 있었습니다.
- 이를 해결하기 위해 직접 일정 관리 시스템을 구축했습니다. 또한 사내 Open OSS 웹훅과 연동해 작업 로그가 자동 추적되고, Slack 알림으로 실시간 공유되도록 설계했고 현재 팀 내 4개의 프로젝트에 도입했습니다.
SSE 스트림 토큰 배치 최적화 유틸 구현
- AI 튜터 서비스에서 SSE 스트림 토큰이 불규칙하게 도착하며, 화면에 출력이 뭉치거나 튀는 듯한 버벅임이 발생하는 문제를 발견했습니다.
- Claude를 벤치마킹하여 토큰을 버퍼링한 뒤 일정 간격으로 순차 반영함으로써, 출력 흐름을 안정화하고 자연스러운 타이핑 애니메이션을 구현했습니다.
- 해당 유틸이 팀 내 다른 AI 채팅 프로젝트에도 도입되어 일관된 사용자 경험을 제공하는 표준으로 자리잡았습니다.
ProseMirror 기반 수식 블럭 입력 에디터 개발
- 교육용 LLM 서비스에서 수학 질문 입력 시 LaTeX 문법을 알아야 하는 불편이 있었고, 이는 학생들의 접근성을 떨어뜨렸습니다.
- 이를 해결하기 위해 ProseMirror 기반 Rich Editor를 바닐라 JS로 개발 후 React와 통합했습니다.
- 입력 즉시 LaTeX으로 변환 결과를 확인할 수 있고, 가상 키보드를 제공해 GUI 기반으로 수식을 편하게 입력할 수 있도록 구현했습니다.

1/3

당근

체험형 인턴 • Frontend Developer

24.10 - 25.01

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

Tech Stack.

ReactTypeScriptRelay ClientStitchesGatsbyVanilla ExtractBigQuery

자체 마케팅 페이지 모듈화 및 자동 생성 시스템 구축
- 기존에는 마케팅 진행 시마다 별도의 프로젝트를 생성해야 했고, 웹뷰·로깅·앱 스킴 세팅 등 모든 과정을 매번 처음부터 반복해야 했습니다.
- 이를 해결하기 위해 UI 퍼블리싱만 신경 쓰면 되는 마케팅 페이지 자동 생성 시스템을 구축했습니다.
- 덕분에 개발 기간을 기존 3주에서 7~10일 수준으로 단축할 수 있었으며, QA 과정에서 발생하던 이슈도 약 30% 감소했습니다.
빅폰트 환경 대응 및 CTA 레이블 최적화
- 빅폰트 환경에서 CTA 버튼이 말줄임으로 표시되어, 예를 들어 ‘지원취소’ 버튼이 ‘지원...’으로 표현되어 버튼의 의도를 이해하기 어려웠습니다.
- 개선 전 1주일간 말줄임 발생 케이스를 로깅하여 일일 영향받는 사용자 수를 측정하고, 레이블 최적화 후 동일한 로깅을 통해 성과를 추적했습니다.
- 그 결과 전체 지원취소율 2% 감소, 타겟 유저 기준 20% 감소 성과를 달성했습니다.
프랜차이즈 엔터프라이즈 시장 진출을 위한 공고 등록 시스템 개발
- 기존에는 신규 가맹점이 글을 등록할 때 본사에서 정보를 취합해 전달해야 하는 비효율적인 프로세스가 있었습니다.
- 이 과정을 개선하기 위해 서버 드리븐 UI 기반 공고 작성 Form을 도입하여, 어드민 템플릿 설정과 QR 기반 최소 입력만으로 글을 등록할 수 있도록 플로우를 단순화했습니다.
서비스 내 마케팅 배너 자동화
- 기존에는 배너 노출을 클라이언트 코드에서 관리해 배포 시마다 재배포가 필요했고, new Date() 기반 제어로 안드로이드 시간 조작 시 미래 배너가 노출되는 취약점이 있었습니다.
- 이를 해결하기 위해 배너 노출 정보를 서버와 관리자 페이지에서 관리하도록 전환해, PM이 직접 배너를 등록할 수 있도록 개선했습니다.
- 그 결과 배포 과정이 단순해지고, 취약점도 개선하였으며 커뮤니케이션과 QA에 소요되던 리소스를 월 3시간 이상 절감할 수 있었습니다.
iOS 웹뷰 환경 WebGL 안정성 개선
- iOS 17에서 백그라운드 전환 시 WebGL 컨텍스트가 손실되는 이슈를 Sentry 로그를 통해 발견했습니다.
- 근본적 수정은 불가능했지만, 이벤트 발생 시 컴포넌트를 리마운트하고 3회 제한을 두는 방식으로 안정성을 높여 사용자 경험 저하를 방지했습니다.