Skip to content

Experience

경력

2025.04 - 2026.06

주식회사 더블티

풀스택 개발자 · 프론트엔드 중심

B2B SaaS 그룹웨어, 글로벌 커머스 플랫폼, 사내 운영 도구를 개발했습니다. 사용자 화면부터 권한·상태·예외 처리, 실시간 통신, 운영자 도구, 배포 환경까지 연결했습니다.

  • 사내 카페의 NFC 사원증·메뉴 관리 업무를 운영 담당자 셀프서비스 도구로 전환
  • 더블유웍스 채팅방 생성 6초 → 0.1초, 중복 IPC 리스너 134회 → 15회
  • 직구라운드 i18n 800여 사용처 구조 개편, Storybook 빌드 28.9초 → 13.9초
2024.04 - 2025.04

태백넷

프론트엔드 개발자

AI 이미지 처리 SaaS tebekAI를 디자이너와 2인 팀으로 개발했습니다. 이미지 처리 서비스, 인증, 결제, 관리자 기능까지 사용자 흐름 전반을 구현했습니다.

  • AI 이미지 처리 서비스 5종의 화면과 공통 처리 흐름 구현
  • Toss Payments 기반 크레딧 결제와 사용자·관리자 권한 분기 구현
  • 경찰청 실종검색 OpenAPI·카카오 검색 API 연동

Projects

프로젝트

2026.02 - 현재풀스택 설계 및 개발개인 프로젝트

Game Park

여러 웹 게임을 독립적으로 개발하고 공통 프로토콜로 플랫폼에 연결하는 풀스택 게임 플랫폼을 설계·개발했습니다.

4종
플랫폼에 연결한 게임
실시간
Socket.IO 멀티플레이어
1줄
초기 프로젝트 생성
문제게임마다 플랫폼 연동과 개발 환경을 반복해서 구성해야 했고, 실시간 게임의 상태 동기화와 일관된 확장 구조가 필요했습니다.
TypeScriptReactNext.jsNestJSPrismaPostgreSQLSocket.IOCanvas
  • iframe + postMessage 프로토콜 기반 게임 통합 구조 설계
  • Next.js·NestJS·Prisma·PostgreSQL 풀스택 구성
  • Socket.IO 매칭 대기열·멀티플레이어·랭킹 시스템 구현
  • Canvas 게임 루프와 결정론적 상태 처리
  • 새 게임의 공통 구조를 생성하는 보일러플레이트 구축
  • 카붐·한들·신화 디펜스·네모네모 퍼즐 출시
케이스 스터디 →Live Demo
2025.04 - 2026.01프론트엔드 개발회사 프로젝트

더블유웍스 그룹웨어 SaaS

근태·인사·전자결재·ERP·CRM·PMS 도메인과 Electron 채팅 앱을 개발하며, 데이터 유실·대기 시간·배포 안정성 문제를 제품 구조로 개선했습니다.

98.3%
채팅방 생성 시간 단축
88.8%
중복 IPC 리스너 축소
0.9초
FCP 개선
문제전자결재 작성 내용이 세션 만료로 유실되고, 채팅방 생성 요청과 IPC 이벤트가 중복되어 대기 시간과 입력 지연이 발생했습니다.
ReactTypeScriptReact QueryZustandElectronSocket.IOIPCPlaywrightGitHub ActionsAWS
  • 인사·근태·전자결재·ERP·CRM·PMS 사용자·운영 화면 개발
  • 전자결재 기안 자동 임시저장으로 세션 만료·이탈 시 데이터 유실 가능성 감소
  • Refresh Token을 httpOnly Cookie로 전환해 JavaScript 접근 제한
  • 채팅방 생성 흐름 재설계: 약 6초 → 0.1초
  • IPC 이벤트 등록 단일화: 134회 → 15회
  • 코드 스플리팅으로 FCP 3.1초 → 2.2초
케이스 스터디 →
2026.01 - 2026.06프론트엔드 개발회사 프로젝트

직구라운드 글로벌 B2B/B2C 플랫폼

검색·거래·실시간 채팅·다국어·검색 노출 구조를 개발하고, 공유 가능한 검색 상태와 안정적인 다국어 변경 체계를 구축했습니다.

51.8%
Storybook 빌드 시간 단축
800+
i18n 사용처 구조 개편
3개 언어
24개 페이지 검색 노출 정비
문제글로벌 거래 화면의 상태가 복잡하고, 다국어 키 충돌이 조용히 오류를 만들며, 개발 도구의 긴 빌드 시간이 반복 작업을 늦추고 있었습니다.
Next.jsReactTypeScriptReact QueryTailwind CSSnext-intlSTOMPtiptapStorybookJSON-LD
  • 상품·공급사 통합 검색과 공급·구매·견적·정산 관리 화면 구현
  • 탭·정렬·페이지네이션 URL 동기화 기반 SSR 검색 화면 설계
  • B2B 견적·정산 문서 PDF·Excel 생성 기능 구현
  • STOMP 기반 1:1 채팅과 WebSocket 전용 토큰 인증 구조 구현
  • i18n 네임스페이스 도입 및 CI 단계 중복·누락 검증
  • Plate.js에서 tiptap으로 에디터 전환
케이스 스터디 →
2026.06풀스택 개발회사 프로젝트

사내 카페 운영 도구

개발실이 직접 처리하던 사원증 등록과 메뉴 관리를 인사팀·운영 담당자가 직접 수행할 수 있도록 Electron 기반 운영 도구를 제안하고 개발·배포했습니다.

1개 도구
회원·사원증·메뉴 통합 관리
셀프서비스
개발실 의존 운영 업무 전환
실운영
패키징·공증 후 현장 배포
문제신규 입사자 사원증 등록과 메뉴 변경 때마다 개발자가 DB를 직접 수정해야 해, 담당자 부재 시 대기와 입력 오류 위험이 발생했습니다.
ElectronTypeScriptIPCREST APINFCmacOS Notarization
  • NFC 카드 리더기 기반 신규 입사자 사원증 등록 흐름 구현
  • 회원·사원증·메뉴 CRUD를 운영 담당자용 기능으로 통합
  • Electron 앱·REST API·하드웨어를 연결한 현장 운영 프로그램 개발
  • macOS 패키징·공증 적용
케이스 스터디 →
2024.10 - 2025.03프론트엔드 개발회사 프로젝트

tebekAI

디자이너와 2인 팀으로 AI 이미지 처리 SaaS의 업로드·처리·결과·인증·결제·운영 흐름을 개발했습니다.

5종
AI 이미지 처리 서비스
2인 팀
디자이너와 제품 전반 개발
문제서로 다른 AI 이미지 서비스마다 업로드·처리 요청·결과 확인 흐름이 반복되고, 인증·결제·운영 기능을 함께 구축해야 했습니다.
ReactJavaScriptReact QueryReact RouterAxiosRechartsToss PaymentsCSS Modules
  • 실종아동 유사도·독립운동가·미술품 찾기, 명화 변환, 품질 개선 화면 구현
  • 업로드·처리·결과 흐름 공통 컴포넌트화
  • Toss Payments 기반 크레딧 결제 흐름 구현
  • 인증·세션 관리와 사용자·관리자 권한 분기
케이스 스터디 →
2023.04 - 2023.05프론트엔드 개발개인 프로젝트

Oreuda — GitHub 관리 서비스

개발자를 위한 GitHub 관리 서비스에서 Chrome Extension, 랜딩 페이지, GUI 결과물의 Markdown 파싱 기능을 개발했습니다.

Next.jsReactTypeScriptChrome Extension API
  • Chrome Extension 개발 및 웹스토어 배포
  • GUI 결과물을 Markdown으로 변환하는 README 파서 구현
  • 랜딩 페이지와 GitHub 연동 사용자 흐름 개발
케이스 스터디 →GitHubLive Demo

About

기술 스택

Frontend

TypeScriptJavaScriptReactNext.jsReact QueryZustandTailwind CSS

Desktop & Realtime

ElectronIPCSocket.IOSTOMPNFC 카드 리더기

Backend

Node.jsNestJSPrismaPostgreSQLREST API

Quality & Delivery

PlaywrightStorybookGitHub ActionsAWS S3CloudFrontmacOS Notarization

Education

교육

삼성청년SW아카데미

8기 · 웹 개발 교육 수료

2022.07 - 2023.06

Java, JavaScript, MySQL, Spring, React 기반 웹 개발과 팀 프로젝트를 수행했습니다.

Contact

연락처

프로젝트 협업, 채용 제안, 또는 궁금한 점이 있으시면편하게 연락해 주세요.

tykimdream@gmail.com