안녕하세요,
!함송민 입니다

 안녕하세요. 사람과 함께 일하는 것을 좋아하는 프론트엔드 개발자 함송민입니다.

 개발자가 되기 전에는 사람과 소통하는 일에서 큰 즐거움을 느꼈고, 지금은 개발을 통해 사용자와 팀에 가치를 전하는 것에서 즐거움을 얻고 있습니다.

 저는 단순히 기능을 구현하는 데 그치지 않고, 기획자, 디자이너, QA 등 다양한 유관부서와의 충분한 사전 소통을 통해 문제를 미리 발견하고 함께 해결하는 데에 가치를 두고 있습니다.

 동료들로부터는
“협업 시 배려 깊고 효율적인 방식으로 일해서 함께 일하기 편한 사람”,
“많은 일을 동시에 맡으면서도 일정과 품질을 잘 지키는 개발자”,
“새로운 기술을 공유하며 함께 성장하려는 자세가 인상적인 팀원”이라는 평가를 받았습니다.

앞으로도 팀의 성장을 함께 만들어가는 개발자가 되고 싶습니다.

경력사항

블루밍비트
(한경미디어그룹)

📌 요약

• 한국경제, 블록체인, 속보 서비스를 포함한 미디어 플랫폼의 프론트엔드 개발과 메인 백오피스 구축을 담당했습니다.
• Next.js App Router 기반의 뉴스 플랫폼 구조 개선 및 성능 최적화를 통해 팀 생산성과 사용자 경험을 향상시켰습니다.
• MAU는 약 5만에서 60만으로 증가했으며, 플랫폼 성장에 핵심적으로 기여했습니다.

주요 업무 · 링크

• 프론트엔드 기술 환경 구성 및 모노레포(Turborepo) 기반 개발
• 무한 스크롤 적용 뉴스에 가상 스크롤 도입으로 DOM 렌더링 최적화
• 업비트, 빗썸 거래소의 실시간 가격 반영을 위한 WebSocket 통신 구현
• SEO 최적화를 위한 Sitemap 및 RSS 피드 개발
• 기자들이 사용하는 뉴스 CMS(작성, 편집, 등록 등)부터 전체 콘텐츠 및 권한 관리를 포함한 통합 백오피스 구축
• 글로벌 확장을 고려한 다국어 지원 및 영문 서비스 개발
• 인증 모듈 패키지 개발 (웹뷰 기반 인증 포함)
• 메타마스크 지갑 연동 기반의 온체인 상호작용 및 RPC 통신 처리 구현
• 스마트 컨트랙트 연동을 통한 ERC-20 토큰 락업 기반 멤버십 기능 구현
• 웹 성능 최적화 경험 (메모리 누수, 렌더링 성능)
• Turborepo 기반의 Micro-Frontend 아키텍처를 설계 및 도입하여, 웹뷰의 개발-배포 사이클을 단축하고 네이티브 코드로부터의 의존성을 제거
• 양방향 통신(postMessage)을 위한 공통 인터페이스를 설계하고, Promise 기반으로 비동기 처리를 구현한 브릿지 모듈을 개발하여 통신 안정성 및 재사용성을 확보

주요 성과

• 실시간 시세 반영 구조를 기반으로 다양한 실시간 콘텐츠 기능 확장 가능성 확보 및 서비스 고도화 기반 마련
• 가상 스크롤 적용으로 한 달치 이상 데이터 조회 시 발생하던 브라우저 멈춤 현상 해소 및 모바일 UX 개선
• 통합 백오피스 도입으로 뉴스 작성 및 관리 효율화, 운영 생산성 증가
• SEO 최적화로 검색 유입 증가 및 MAU 약 5만 → 60만까지 성장 (2024년 말 기준)
• 웹뷰 단독 CI/CD 파이프라인 구축을 통해 전체 앱 빌드 없이 즉시 배포가 가능하도록 개선
• 웹뷰와 네이티브 영역의 완벽한 분리로 코드 복잡도 감소 및 유지보수성 향상

Tech Stack

TypeScript, React, Next.js, React-Native, Zustand, React-Query, Styled-components, Tailwind, Scss, Turborepo, Github, Jenkins CI/CD, AWS, Confluence, Linear, Figma, Slack

넷마블 F&C
(메타버스월드)

넷마블 F&C 2023.05 ~ 2024.01

📌 요약

• 게임 운영툴(DMS) 개발에 참여하여 게임 스튜디오에서 번역 및 데이터를 손쉽게 업로드 추적할 수 있도록 개선했습니다.
• 유료 솔루션을 대체하는 전자결재 시스템을 내부 개발하여 비용 절감을 달성했습니다.

주요 업무

DMS 개발

• 프론트엔드 기술 환경 구성 및 초기 기능 설계/구현
• 기존 Angular 시스템을 React로 마이그레이션하여 유지보수성 개선
• Redux 기반의 상태 관리 및 에러 핸들링 구조 설계
• 공통 내부 라이브러리 개발을 통한 코드 재사용성 향상

전자결재 시스템 개발

• 지출결의서 작성 및 결재 상신 기능 구현
• 결재자 지정, 승인/반려 처리, 이력 추적 기능 설계 및 개발
• 사용자 권한에 따른 화면 분기 및 접근 제어 로직 구현

주요 성과

• Angular 시스템을 React로 전환하여 유지보수 비용 절감 및 생산성 향상
• Redux 기반 스토어 구조 개선을 통해 코드 품질 향상 및 테스트 편의성 확보
• 데이터 업로드 및 추적 기능을 자동화하여 콘텐츠 품질 관리 체계를 강화
• 전자결재 시스템 구축으로 물품 구매 및 지출 결재 절차의 표준화 및 자동화 실현
• 유료 외부 솔루션을 자체 시스템으로 대체하여 고정 비용 절감 및 기술 내재화 실현

Tech Stack

TypeScript, React, Redux-toolkit, Context API, Material UI, React-Router, React-Query, Emotion, Vite, GitLab, GitLab CI/CD, Jira, Slack, Trello

메타버스월드 2022.06 ~ 2023.04

📌 요약

• NFT 마켓플레이스와 인증 모듈 등 주요 서비스를 개발하며 플랫폼 확장성과 사용자 편의성을 개선했습니다.
• 다국어 자동화 스크립트와 다국어 적용 기능을 도입하여 글로벌 서비스 확장 기반을 마련했습니다.
• WebView 인증 연동과 인증 흐름 개선, 해킹 대응을 위한 reCAPTCHA 도입 등 보안 안정화를 주도했습니다.

주요 업무

NFT 마켓플레이스 플랫폼 개발 · 링크

• NFT 콘텐츠 등록, 거래, 상세 페이지 기능 개발
• FNCY 메인 인증 연동 및 서비스 개발 방향 설정
• SSO 인증 모듈 개발로 도메인 이동 시 인증 유지
• 서버 컴포넌트 도입으로 클라이언트 번들 사이즈 최적화
• GitLab CI/CD를 통한 배포 자동화 경험

FNCY 메인 플랫폼 개발 · 링크

• SEO 최적화 및 정적 캐싱 도입
• 다국어 번역 자동화 스크립트 개발 및 i18n을 통한 다국어 적용
• Silent Refresh 인증 모듈 개발로 사용자 경험(UX) 향상
• 모노레포(Monorepo)를 통해 공통 컴포넌트 관리
• GitHub Actions 기반 CI/CD 파이프라인 작성 및 워크플로우 구축
• AWS 인프라 운영 경험을 통해 웹사이트 배포 및 운영 수행

FNCY 메인 인증 개발 · 링크

• 네이티브 앱(WebView)과 통신하는 인증 및 계정 설정 웹뷰 개발
• OAuth 및 세션 기반 인증 및 JWT 기반 인증 모듈 개발
• 리브랜딩 및 인증 프로세스 간소화를 위한 UI 개편
• 구글 reCAPTCHA 도입으로 해킹 및 매크로 방지 경험
• 구글 애널리틱스(Google Analytics) 도입 및 데이터 분석 경험
• Datadog을 사용해 서비스 모니터링 및 로그 분석 경험
• GitLab 기반으로 운영 및 배포

파트너사 및 기타 프로젝트

• 에어드랍 일정 확인용 투자사 플랫폼 개발
• 쿠키런 이벤트 페이지 및 게임 랜딩 페이지 유지보수 및 추가 개발

주요 성과

• WebView 기반 인증 도입으로 다양한 플랫폼 확장성과 사용자 편의성 향상
• FNCY 메인 플랫폼 성능 개선 및 인증 흐름 간소화로 UX 개선
• SEO 최적화 및 정적 캐싱으로 검색 유입 및 초기 로딩 속도 개선
• 해킹 이슈 발생 후 reCAPTCHA 도입을 주도하여 보안 취약점 대응 및 계정 보호 강화

Tech Stack

TypeScript, React, Redux, Redux-Saga, Recoil, Context API, Next.js, React-i18n, React-Query, Emotion, Styled-components, Turborepo, GitHub Actions, AWS, GitLab, GitLab CI/CD, Datadog, Google Analytics, Figma, Jira, Slack, Trello

NAPS

📌 요약

• 출석 시스템과 이미지 기반 맵 메이커 도구를 개발하여 메타버스 교육·운영 플랫폼의 기반을 구축했습니다.
• 해당 시스템은 실제 학원의 비대면 수업에 적극 활용되며 실사용 사례로 이어졌습니다.
• 이미지 최적화와 CS 대응 자동화 기능을 통해 서비스 품질과 운영 효율성을 향상시켰습니다.

주요 업무 · 참고 링크 - 게더타운 Mapmaker와 유사

• 출석 시스템 프론트엔드 개발
• 네이버/카카오 OAuth 기반 인증 처리
• 이미지 오브젝트 기반 맵 메이커 기능 개발 (2D WebGL)
• 이미지 오브젝트 이력 추적 및 최적화 스크립트 개발
• 관리자 운영툴 구축 (이미지 관리 및 CS 처리 기능 포함)

주요 성과

• 자동 출석 시스템 도입으로 원격 교육 시장 확대에 기여
• 출석 시스템과 맵 메이커 도구가 학원의 비대면 수업에 활용되어 실사용 사례 창출
• TypeScript 도입으로 예기치 못한 버그 예방 및 DX 향상
• 이미지 최적화 및 맵 에디터 구축으로 플랫폼 UX 개선

Tech Stack

TypeScript, React, Context API, Pixi.js(2D WebGL), Material UI, Sass, Express, MongoDB, Mongoose, Naver Cloud Platform, Webpack, Slack, Trello

기타 링크