iamian

이권성

5년차 프론트엔드 개발자

인터랙티브하고 몰입감 있는 UI를 만들고, 좋은 UX를 제공하는 데 관심이 많습니다.

개발자로서는 팀의 개발 경험을 향상시키고, 반복되는 업무를 자동화하는 일에 집중합니다.

  • kensei719@naver.com
  • GitHub
  • 서울, 대한민국

Skills

Frontend

JavaScript
TypeScript
React
Next.js
Zustand
React Query
Tailwind CSS
Styled Components

Build & DevOps

Webpack
Vite
pnpm (모노레포)
GitHub Actions
Jest
Playwright E2E

Experience

프론트엔드 개발자

쓰리빌리언2021.06 - 현재 (5년)

프론트엔드 번들 캐시버스팅 시스템 구축

관련 포스트 →
주요 업무
  • 배포 후 사용자가 이전 버전을 보는 문제 해결을 위한 캐시버스팅 시스템 설계 및 구현
  • 1단계: version.json 기반 클라이언트 레벨 버전 체크 및 자동 리프레시 구현
  • 2단계: CloudFront Function + KeyValueStore로 커밋 해시별 빌드 격리 및 즉시 롤백 인프라 구축
  • 보호 경로 처리로 결제/주문 등 중요 작업 중 새로고침 방지
사용 기술
ViteCloudFront FunctionKeyValueStoreS3Pulumi
주요 성과
  • 배포 후 버전 불일치 문제 완전 해소
  • 롤백 소요 시간: 재빌드 필요 → 1-2분으로 단축

B2B 커스텀 시스템 개발

주요 업무
  • 여러개의 B2B 커스텀을 진행할 수 있도록 점진적으로 코드 개선
  • 1단계: if문 분기 기반의 비효율적 개발 → 클래스 기반 추상 팩토리 패턴을 활용한 구조화
  • 2단계: CLI 기반 코드 자동 생성 도구 개발로 반복적 작업 효율화
  • 3단계: 백오피스 설정만으로 프론트에서 B2B 커스텀 기본 틀이 자동 구성되는 시스템 완성
사용 기술
JavaScriptTypeScriptCLI ToolsFactory Pattern
주요 성과
  • 개발 시간 1개월 → 2-3일로 90% 단축
  • 반복적 작업 자동화로 팀 생산성 극대화

개발 환경 및 성능 최적화

주요 업무
  • Webpack → Vite 마이그레이션으로 빌드 속도 개선
  • pnpm 모노레포 구축으로 다중 도메인 프로젝트 통합 관리
  • GitHub Actions 기반 CI/CD 파이프라인 구축
  • Playwright E2E 테스트 도입으로 프로덕션 안정성 향상
사용 기술
WebpackVitepnpmGitHub ActionsPlaywright
주요 성과
  • HMR 포함 개발 서버 속도 체감 개선
  • 모노레포를 통한 다중 프로젝트 코드 공유 및 통합 배포 관리

세일즈팀을 위한 백오피스 서비스 개발

주요 업무
  • 5명 팀(프론트엔드 3명, 백엔드 2명)으로 세일즈팀 업무 도구 신규 개발
  • Next.js 기반 고객 주문 및 정보 관리 시스템 구축
  • TanStack Table 기반 데이터그리드 공통 컴포넌트 설계 및 개발
사용 기술
Next.jsTypeScriptTanStack TableReact
주요 성과
  • 세일즈팀의 엑셀 기반 수동 관리 → 시스템 기반 관리로 전환

회사 홈페이지 리뉴얼

주요 업무
  • PHP 기반 외주 개발 홈페이지를 Next.js 기반으로 전면 재구축
  • SEO 최적화 및 번들 사이즈 최적화를 고려한 설계
사용 기술
Next.jsTypeScriptSEOWebpack
주요 성과
  • Lighthouse 성능 점수 40점 → 80점 달성
  • SEO 최적화로 검색 엔진 노출도 향상

주문 시스템 리뉴얼

주요 업무
  • JavaScript → TypeScript 마이그레이션 주도
  • 2명의 프론트엔드 개발자와 협업하여 주문 퍼널 시스템 재설계
  • 재사용 가능한 컴포넌트 구조 설계로 주문/수정 기능 통합 운영
  • 국제화(i18n) 및 반응형 디자인 구현으로 다양한 환경 지원
  • 출시 이후 지속적인 유지보수 및 기능 개선 담당
사용 기술
ReactTypeScriptZustandReact QueryCSS Modules
주요 성과
  • 레거시 코드베이스의 TypeScript 전환으로 런타임 에러 감소
  • 주문/수정 기능을 단일 컴포넌트 구조로 통합하여 유지보수 비용 절감
  • 프로젝트 세팅부터 운영까지 전체 개발 프로세스 경험

Side Projects

Blog & Timeline System

2025 - Present

BlogMinilog

Next.js 기반의 개인 블로그와 타임라인 시스템을 개발했습니다. MDX를 활용한 블로그 포스팅과 개발💻, 운동💪, 독서📚, 일상🌟 등 다양한 활동을 통합 관리할 수 있는 타임라인 기능을 구현했습니다.

Technologies

Next.js 15TypeScriptTailwind CSSMDXSupabaseFeature-Sliced Design

Education

전남대학교

소프트웨어공학 전공 • 졸업

Certifications

정보처리기사

한국산업인력공단