헤맨만큼 내 땅이다.

안녕하세요,
김지환입니다.

부딪히며 배우는 과정을 좋아하는 풀스택 개발자입니다. 맡은 일이라면 범위를 가리지 않고, 처음부터 끝까지 해보려는 편입니다.

About

기술 스택

Frontend

TypeScriptReactNext.jsTailwind CSSZustandElectron

Backend

JavaSpring BootNode.jsExpressPython

Database

MySQLPostgreSQLMongoDB

DevOps & Tools

GitGitHub ActionsAWS (EC2, S3, CloudFront, Route53)VercelStorybookCypress

Projects

프로젝트

2025.4 - 2026.2풀스택 개발

더블유웍스 (Double U Works)

그룹웨어 SaaS 서비스의 다양한 도메인을 개발했습니다. 채팅, 인사, ERP, CRM, PMS 등 여러 영역에 걸쳐 프론트엔드와 백엔드 전반을 담당했습니다.

TypeScriptReactTailwind CSSZustandSocket.ioElectronJWTStorybookCypressNode.jsExpress
  • 채팅 프로그램 전담 개발 — EV 인증서 적용, 자동 배포 및 자동 업데이트 파이프라인 구축, 운영 중
  • 로그인/회원가입 페이지 구현 (JWT 기반 인증)
  • 게시판 기능 구현
  • 인사 도메인 — 임직원 관리, 조직도 기능 구현
  • 코드 스플리팅을 통한 프론트엔드 성능 최적화
  • ERP 대시보드 구현
  • CRM 신규 등록 및 영업 관리 기능 구현
  • PMS 프로젝트 상세 페이지 구현
  • Storybook 적용으로 컴포넌트 문서화
2024.11 - 2025.4프론트엔드 전담

tebekAI

AI 기반 이미지 처리 SaaS의 프론트엔드를 전담했습니다. 디자이너와 2인 체제로 기획부터 배포·운영까지 진행하며, 5개 AI 서비스를 현재 실서비스로 운영 중입니다.

ReactCSS ModulesREST APIGoogle AnalyticsAdSense
  • 5개 AI 이미지 처리 서비스 프론트엔드 전체 구현
  • 회원 인증 시스템 및 크레딧 기반 결제 시스템 구축
  • 경찰청 실종검색 OpenAPI 연동
  • 반응형 디자인 (모바일/태블릿/데스크톱)
  • Google Analytics · AdSense 연동 및 운영
2026.1 - 2026.4프론트엔드 개발

직구라운드

해외 직구 서비스의 프론트엔드를 담당하고 있습니다. 토크 라운드와 채팅 라운드 기능을 구현하며, 반응형 디자인과 다국어(i18n) 지원을 적용했습니다.

TypeScriptNext.jsReactTailwind CSSZustandStorybooki18n
  • 토크 라운드 기능 구현 — 사용자 간 커뮤니케이션 기능 개발
  • 채팅 라운드 기능 구현 — 실시간 채팅 인터페이스 개발
  • 반응형 디자인 적용 (모바일/태블릿/데스크톱)
  • 다국어(i18n) 지원 — 글로벌 사용자를 위한 국제화 적용
2026.02풀스택 설계 및 개발

Game Park (해커톤)

해커톤에서 브라우저 기반 웹 게임 플랫폼을 설계·개발하고 있습니다. 첫 번째 게임으로 실시간 지뢰찾기 'Kaboom'을 제작하며, 소켓 기반 실시간 통신과 매칭 대기열 시스템을 핵심으로 구현했습니다.

TypeScriptNext.jsTailwind CSSPrismaPostgreSQLSocket.ioAuth.jsAWS S3CloudFront
  • 게임 플랫폼 아키텍처 설계 — iframe + postMessage 프로토콜 기반 게임 통합
  • Kaboom(실시간 지뢰찾기) 게임 개발 — 멀티플레이어 대전 지뢰찾기
  • Socket.io 기반 실시간 통신 구현 — 게임 상태 동기화 및 실시간 매칭
  • 매칭 대기열 시스템 설계 — 플레이어 큐 관리 및 자동 매칭
  • Auth.js를 활용한 인증 시스템 (Google, Kakao OAuth + Credentials)
  • 랭킹·리더보드 시스템 구현
2025준비 ~ 현장 운영

CES 부스 준비 및 현장 운영

CES 전시 참가를 위한 사전 준비부터 현장 부스 운영까지 전 과정에 참여했습니다. 개발자이면서 동시에 비즈니스 현장을 경험한 이력입니다.

예산 관리일정 관리현장 운영
  • 미디어 브리핑 문의, 예산안 작성, 타임테이블 및 동선 정리
  • 출입증 발급, 인원 분배, 브로슈어 초안 작성
  • 대시보드 업무 수행 (집기 신청, 이벤트 관리 등)
  • 현장 부스 운영 및 손님 응대
2026.02도입 리서치 및 환경 구성

Claude Code 팀 도입

AI 코딩 도구인 Claude Code를 팀에 도입하기 위해 직접 리서치하고 .claude 설정을 구성하고 있습니다. 팀 전체의 개발 생산성 향상을 목표로 합니다.

Claude CodeAIDX팀 생산성
  • Claude Code 기능 리서치 및 팀 맞춤 설정 구성
  • .claude 프로젝트 설정으로 팀 워크플로우 최적화
  • 개발 생산성 도구에 대한 얼리어답터 역할

Experience

경력

2025.04 - 현재11개월

더블티

풀스택 개발자

그룹웨어 SaaS '더블유웍스'와 '직구라운드' 등 자사 서비스 개발에 참여하고 있습니다. 개발 업무 외에도 CES 참가, AI 도구 도입 등 다양한 영역에 기여하고 있습니다.

  • 더블유웍스 채팅, 인사, ERP, CRM, PMS 등 다수 도메인 개발
  • 채팅 프로그램 전담 — EV 인증서, 자동 배포/업데이트 파이프라인 구축 및 운영
  • 직구라운드 토크 라운드·채팅 라운드 기능 구현, 반응형 및 i18n 적용
  • 해커톤 게임 플랫폼(Game Park) 설계 및 실시간 지뢰찾기 게임 개발
  • CES 부스 기획부터 현장 참가까지 전 과정 주도
  • Claude Code 팀 도입을 위한 환경 구성 및 리서치
2024.04 - 2025.041년

태백넷

프론트엔드 개발자

AI 기반 이미지 처리 SaaS 'tebekAI'의 프론트엔드를 전담했습니다. 디자이너와 2인 체제로 기획부터 배포·운영까지 전 과정을 주도했습니다.

  • AI 이미지 처리 SaaS 프론트엔드 전담 개발 및 운영 (tebeknet.kr)
  • 실종아동 유사도 비교, 닮은 독립운동가/미술품 찾기, 명화 스타일 변환 등 5개 서비스 구현
  • 회원가입/로그인 인증 시스템 및 크레딧 결제 시스템 구현
  • 반응형 디자인 적용 (모바일/태블릿/데스크톱)
  • Google Analytics, AdSense 연동

Education

교육

삼성 청년 SW 아카데미 (SSAFY)

8기 · 웹 개발 트랙

2022.07 - 2023.06

알고리즘, 프론트엔드, 백엔드 학습과 함께 6인 팀 프로젝트를 3회 수행하며 협업 역량을 키웠습니다.

  • 6인 팀 프로젝트 3회 수행 — 기획, 설계, 개발, 발표 전 과정 경험
  • Notion, API 명세서, Figma 등 문서화 도구를 활용한 체계적 협업 방식 확립
  • 구두 소통의 한계를 경험하고, 기록 기반 커뮤니케이션으로 개선하여 개발 효율 향상

Contact

연락처

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

tykimdream@gmail.com