김지환

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

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

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

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

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

• React
• TypeScript
• React Query
• Zustand
• Electron
• Socket.IO
• IPC
• Playwright
• GitHub Actions
• AWS

• 인사, 근태, 전자결재, ERP, CRM, PMS 사용자, 운영 화면 개발
• 전자결재 기안 자동 임시저장으로 세션 만료, 이탈 시 데이터 유실 가능성 감소
• Refresh Token을 httpOnly Cookie로 전환해 JavaScript 접근 제한
• 채팅방 생성 흐름 재설계: 약 6초 → 0.1초
• IPC 이벤트 등록 단일화: 134회 → 15회
• 코드 스플리팅으로 FCP 3.1초 → 2.2초
• GitHub Actions와 S3, CloudFront 기반 배포, 자동 업데이트 구축
• Windows 코드 서명과 macOS 공증 적용

출장 경비 요청을 누락 정보 확인, 규정 근거와 미리보기, 초안 저장과 결재까지 연결한 독립 그룹웨어입니다. 디자인 토큰 기반 업무 홈과 서버의 권한·상태 전이 검증을 함께 구현했습니다.

• Next.js
• TypeScript
• FastAPI
• PostgreSQL
• pgvector
• OpenAI API
• Cloud Run
• Supabase
• Docker

• CES 경비 정산과 근거가 있는 누락·중복 후보 점검
• 디자인 토큰, 반응형 업무 홈과 키보드 단축키
• 전자결재 상태 전이와 낙관적 동시성 제어
• 결정적 휴가 계산과 사용자 범위의 업무 데이터 조회
• 정책 RAG, Structured Output, 제한된 Function Calling
• 명시적 확인과 멱등 저장, 독립된 제출 확인
• Cloud Run / Supabase 비공개 배포와 백업·격리 복원 검증
• 방문자별 데이터 격리, 만료와 DB 공유 요청 예산

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

• Next.js
• React
• TypeScript
• React Query
• Tailwind CSS
• next-intl
• STOMP
• tiptap
• Storybook
• JSON-LD

• 상품, 공급사 통합 검색과 공급, 구매, 견적, 정산 관리 화면 구현
• 탭, 정렬, 페이지네이션 URL 동기화 기반 SSR 검색 화면 설계
• B2B 견적, 정산 문서 PDF, Excel 생성 기능 구현
• STOMP 기반 1:1 채팅과 WebSocket 전용 토큰 인증 구조 구현
• i18n 네임스페이스 도입 및 CI 단계 중복, 누락 검증
• Plate.js에서 tiptap으로 에디터 전환
• 3개 언어, 24개 페이지 SEO 구조와 메타데이터 생성 규칙 정비
• Storybook webpack → Vite 전환

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

• TypeScript
• React
• Next.js
• NestJS
• Prisma
• PostgreSQL
• Socket.IO
• Canvas

• iframe + postMessage 프로토콜 기반 게임 통합 구조 설계
• Next.js, NestJS, Prisma, PostgreSQL 풀스택 구성
• Socket.IO 매칭 대기열, 멀티플레이어, 랭킹 시스템 구현
• Canvas 게임 루프와 결정론적 상태 처리
• 새 게임의 공통 구조를 생성하는 보일러플레이트 구축
• 카붐, 한들, 신화 디펜스, 네모네모 퍼즐 출시

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

• Electron
• TypeScript
• IPC
• REST API
• NFC
• macOS Notarization

• NFC 카드 리더기 기반 신규 입사자 사원증 등록 흐름 구현
• 회원, 사원증, 메뉴 CRUD를 운영 담당자용 기능으로 통합
• Electron 앱, REST API, 하드웨어를 연결한 현장 운영 프로그램 개발
• macOS 패키징, 공증 적용

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

• React
• JavaScript
• React Query
• React Router
• Axios
• Recharts
• Toss Payments
• CSS Modules

• 실종아동 유사도, 독립운동가, 미술품 찾기, 명화 변환, 품질 개선 화면 구현
• 업로드, 처리, 결과 흐름 공통 컴포넌트화
• Toss Payments 기반 크레딧 결제 흐름 구현
• 인증, 세션 관리와 사용자, 관리자 권한 분기
• Recharts 기반 운영 통계, 관리 화면 개발

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

• Next.js
• React
• TypeScript
• Chrome Extension API

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

8기, 웹 개발 교육 수료

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