Skip to content
View Kim-soung-won's full-sized avatar
  • Korea
  • 07:20 (UTC +09:00)

Block or report Kim-soung-won

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Kim-soung-won/README.md

김승원 | Web FullStack Engineer

Blog Email

"좋은 코드는 동료를 향한 가장 큰 배려입니다."


💬 About Me

단순히 동작하는 코드를 넘어, 문서나 주석 없이도 의도가 파악되는 로직을 고민합니다.

입사 초기 선임 개발자분들의 잘 설계된 인터페이스를 경험하며, 코드의 유지보수성과 가독성이 팀 생산성에 미치는 영향을 직접 체감했습니다. 이후 동료의 업무 효율을 높이는 DX(Developer Experience) 와 시스템 아키텍처 개선에 꾸준히 관심을 쏟고 있습니다.

🏗️ MFE Specialist Module Federation 기반 런타임 통합 아키텍처 설계 및 UI 표준화 주도
DX Enthusiast Vite → Rsbuild 번들러 전환으로 HMR 환경 개선 및 개발 생산성 극대화
🤖 AI Collaborator Claude Code 기반 Vibe Coding 환경 도입 및 사내 DX 고도화 정책 수립
🎨 Performance Aware Lighthouse(FCP 등) 지표 기반 이미지 최적화 등 성능 개선 경험

🛠 Tech Stack

Frontend

TypeScript React Module Federation Rsbuild Vite Zustand TailwindCSS

Backend

Java Spring Boot JPA PostgreSQL Gradle

Infrastructure & DevOps

Docker Nginx Jenkins Nexus

AI / Agent

Claude Code MCP

Tools & Collaboration

VSCode Git GitLab Figma npm


🚀 Key Highlights

1. MFE — UI 표준화 및 공통 라이브러리 구축

iframe 방식의 한계를 분석하고 Module Federation 도입을 직접 제안 · 주도

  • 파편화된 UI 컴포넌트와 비즈니스 로직을 격리하기 위해 공통 UI 라이브러리(@we/ai-template) 제작
  • Viewport 추적 · 마우스 이벤트 제어 등 반복 패턴을 Custom Hook으로 추상화
  • Next.js 기반 인터랙티브 문서를 함께 제작해 팀 내 온보딩 및 활용성 극대화

2. DX — 번들러 마이그레이션 (Vite → Rsbuild)

MFE 환경의 HMR 미작동 원인을 Native ESM 방식의 구조적 한계로 분석

  • Rsbuild의 Module Federation 공식 지원 및 검증된 성능을 근거로 전환 제안 및 주도
  • 타입 공유 불가, run dev 재시작 강제 등 개발 생산성 저해 요소 제거

3. AI — AI Agent 기반 Vibe Coding 환경 도입

AI Agent를 단순 도구가 아닌 '함께 일하는 동료 개발자' 로 정의

  • Claude Code를 활용한 Vibe Coding 환경 도입 및 토큰 효율화 정책 수립
  • 기존 팀 업무 문서를 Agent 친화적 구조(CLAUDE.md)로 변환하여 워크플로우 최적화

📊 GitHub Stats

GitHub Stats Top Langs


📝 Blog · 📧 [email protected]

Pinned Loading

  1. Drink-labeling Drink-labeling Public

    Java 1

  2. CNN_Image_Model CNN_Image_Model Public

    Python

  3. minigame_Unity minigame_Unity Public

    Config files for my GitHub profile.

    C#

  4. DjangoWeb DjangoWeb Public

    Python

  5. Mini_Shopping Mini_Shopping Public

    Java 2

  6. SideProject_Shop SideProject_Shop Public

    Java