안녕하세요

정의현

Frontend Developer

사용자 경험을 최우선으로 생각하는 프론트엔드 개발자입니다. 10년 이상의 웹 개발 경험을 바탕으로, 성능과 접근성을 고려한 모던 웹 애플리케이션을 만듭니다.

About Me

온라인 게임 플랫폼의 프론트엔드 개발부터 다양한 웹 서비스 구축까지, 폭넓은 경험을 쌓아왔습니다. React, Next.js, TypeScript를 중심으로 사용자 중심의 인터페이스를 설계하고, 성능 최적화와 접근성에 깊은 관심을 가지고 있습니다.

10+년 웹 개발 경험
11개 언어 다국어 지원 경험
E2E테스트 자동화 구축

Skills

Frontend

React
Next.js
TypeScript
JavaScript
HTML5

Styling

SCSS / Sass
CSS Modules
Responsive Design

State Management

Jotai
Recoil
TanStack Query
SWR

Testing

Vitest
Playwright
Jest
Testing Library

Tools & DevOps

Git
Docker
GitHub Actions
Vercel
ESLint
Prettier

Libraries

Motion / React
react-hook-form
Zod
next-intl
WebSocket

Experience

2024.10 — 2026.03

(주)더블다운게임즈

Frontend Developer

온라인 게임 플랫폼 로비 프론트엔드 개발. Next.js, React, TypeScript 기반의 대규모 SPA 구축 및 11개 언어 다국어 지원.

2017.12 — 2023.09

(주)다름

Web Publisher

다양한 웹 서비스의 UI 개발 및 퍼블리싱. 반응형 웹 구현, 크로스 브라우징 대응, 웹 접근성 준수.

2014.08 — 2017.01

(주)헥사팩토리

Web Publisher / Web Planner

웹 퍼블리싱 및 기획 업무. 서비스 UI/UX 설계와 프론트엔드 구현.

2009.05 — 2010.08

(주)아이티라인

Web Planner

웹 서비스 기획 및 프로젝트 관리.

2008.07 — 2009.02

아이에스이 시스템즈

Web Planner

웹 서비스 기획.

2008.02 — 2008.06

오피니티 에이피

Web Planner

웹 서비스 기획.

Projects

업무

게임 플랫폼 로비 프론트엔드 v2

글로벌 온라인 게임 플랫폼의 차세대 로비 시스템. 레거시 v1의 기술 부채를 해소하고 성능·확장성·테스트 커버리지를 전면 개선한 리아키텍처링 프로젝트.

역할:프론트엔드 개발 리드

  • Jotai + TanStack Query 기반 상태 관리 아키텍처 설계로 서버/클라이언트 상태 분리 및 캐시 최적화
  • next-intl 기반 11개 언어 i18n 파이프라인 구축, 런타임 번역 누락 감지 시스템 도입
  • WebSocket 기반 실시간 게임 상태 동기화 및 자동 재연결 로직 구현
  • Playwright E2E + Vitest 유닛 테스트 체계 수립, CI 파이프라인에 자동화 테스트 통합
Next.js 16React 19TypeScriptJotaiTanStack QuerySCSS Modulesnext-intlMotion / ReactWebSocketPlaywrightVitest
업무

게임 플랫폼 로비 프론트엔드 v1

온라인 게임 플랫폼 로비의 초기 프론트엔드를 제로부터 구축. 다국어 지원과 인증 시스템, 실시간 통신 등 플랫폼의 핵심 인프라를 설계하고 운영까지 담당.

역할:프론트엔드 개발

  • Recoil + SWR 기반 전역 상태 관리 및 서버 데이터 페칭 아키텍처 설계
  • next-auth 기반 인증/인가 플로우 구현, 세션 관리 및 보안 미들웨어 설계
  • 10개 언어 다국어 지원 체계 구축 및 지역별 콘텐츠 분기 로직 구현
Next.js 14React 18TypeScriptRecoilSWRSCSS Modulesnext-intlnext-authMotion / ReactWebSocketJest
업무

대규모 웹 퍼블리싱 프로젝트

6년간 다양한 기업·기관의 웹사이트와 서비스 UI를 퍼블리싱. 반응형 웹, 크로스 브라우저 호환, 웹 접근성(WCAG) 준수를 핵심 원칙으로 수십 건의 프로젝트를 수행.

역할:웹 퍼블리셔 (리드)

  • 시맨틱 마크업과 SCSS 기반 컴포넌트 스타일 아키텍처 설계, 재사용 가능한 UI 패턴 라이브러리 구축
  • IE11~최신 브라우저 크로스 브라우징 대응 및 모바일·태블릿·데스크톱 반응형 레이아웃 구현
  • WCAG 2.1 AA 기준 웹 접근성 준수, 키보드 네비게이션·스크린 리더 호환성 검증
HTML5CSS3SCSS / SassJavaScriptjQueryResponsive DesignCross-BrowserWeb AccessibilityGulp
개인

Place Review Analyzer

Google Maps 리뷰를 AI로 요약·분석해 주는 크롬 확장 프로그램. Claude Code와 페어 프로그래밍하며 기획·설계부터 배포까지 단독으로 완성한 AI 어시스턴트 개발 프로젝트.

역할:풀스택 개발 (AI 페어 프로그래밍)

  • Claude Code에게 요구사항과 제약을 명확히 전달하고 설계 결정을 함께 검토하며, 확장·백엔드·결제 인프라를 AI 주도로 구현
  • TypeScript 기반 Google Maps 리뷰 스크레이퍼 설계 및 Vitest 픽스처 테스트로 DOM 구조 변경에 대응
  • Cloudflare Workers + Supabase + Gemini API로 분석 파이프라인 구축, 레이트 리밋·사용량 추적·프리미엄 권한 검증 로직 분리
  • Paddle Billing 기반 구독 결제 및 무료 티어 일일 한도 시스템, 90일 분석 히스토리 저장 구현
Chrome MV3TypeScriptViteVitestCloudflare WorkersSupabaseGemini APIPaddle BillingClaude Code
개인

Stock Average Down Calculator

주식 물타기 평균단가를 계산해 주는 크롬 확장 프로그램. AI 코딩 어시스턴트를 활용해 바닐라 JS 확장부터 서버리스 백엔드·결제 연동까지 1인 개발로 스토어 출시까지 완료.

역할:풀스택 개발 (AI 페어 프로그래밍)

  • Claude Code와 함께 요구사항 정리·코드 생성·리팩토링 사이클을 반복하며 의존성 없는 경량 Vanilla JS + Vite 확장 구현
  • 8개 언어(EN/KO/JA/ZH-CN/ZH-TW/DE/ES/PT) 다국어 지원 및 다크모드 자동 대응
  • Vercel Serverless + Upstash Redis 기반 구독 상태 검증 백엔드 설계, Paddle Billing(Merchant of Record) 연동
  • Pro 구독으로 추가 통화(KRW/JPY/EUR/GBP/CNY/INR/BRL) 잠금 해제 기능 구현 및 Chrome Web Store 정식 배포
Chrome MV3Vanilla JSViteVercel ServerlessUpstash RedisPaddle BillingClaude Code
개인

Noopdaa Blog

Turborepo 모노레포 기반의 풀스택 블로그 플랫폼. 공개 블로그와 관리자 대시보드를 독립 앱으로 분리하고, 공유 패키지를 통해 타입 안전성과 코드 재사용성을 확보.

역할:풀스택 개발 (개인 프로젝트)

  • Turborepo 모노레포 아키텍처로 블로그 앱 / 어드민 대시보드 / 공유 패키지(DB, UI, Config) 분리
  • Supabase RLS 정책 기반 보안 모델 설계, DB 트리거를 활용한 조회수 자동 집계 및 프로필 자동 생성
  • 방문자 분석 대시보드 구축 — 디바이스, 브라우저, 리퍼러 추적 및 Recharts 기반 시각화
Next.js 16React 19TypeScriptTurborepoSupabaseTailwindCSSRechartsZodResend

Contact

새로운 기회나 협업에 관심이 있으시다면 편하게 연락 주세요.