안녕하세요, 유종명입니다 👋
불확실한 상황에서도 실행하며, 동료와 함께 배우고 성장하는 개발자입니다 🚀
YJM

About

창의성은 자유로운 소통에서 나온다고 믿습니다. 팀원들과 편하게 대화하며 경청하고 묻는 것을 좋아합니다. 호기심이 많아서 Cursor, Claude Code 같은 AI 도구나 새로운 기술이 나오면 일단 써보고 팀에 공유합니다. 고민보다는 빠른 프로토타입을 만들어 검증하는 편이고, 기술보다 사용자 문제 해결을 우선으로 생각합니다 💡

Projects

만든 것들

직접 만들어본 프로젝트들이에요. 해커톤부터 오픈소스까지 다양하게 시도했습니다.

모든 프로젝트 보기 →

해커톤

SUI 해커톤 - DCA 서비스

사전 팀 구성 없이 현장에서 팀매칭, 기획, 개발, 발표까지 2박 3일(48시간) 동안 진행한 블록체인 정기구매 서비스입니다. 팀원 전원 SUI 블록체인 개발 경험이 전무한 상황에서 블록체인 미경험 팀원들에게 개발 가이드 방향을 공유하고 멘토링했습니다. 완성도보다 핵심...

SUI Blockchain
Next.js
TypeScript
React

팀 프로젝트

던전톡 (DungeonTalk)

멋쟁이사자 실전 프로젝트 - AI 기반 TRPG 게임. Tech PM & 백엔드 개발자로 참여하여 전체 프로젝트 중 최우수상을 수상했습니다. Spring Security 기반 인증 시스템, WebSocket을 활용한 멀티 채팅 아키텍처, AI RAG 기반 게임 NPC ...

Spring Boot
Spring Security
WebSocket
AI RAG
PostgreSQL
JPA/Hibernate

VibeList

음악 소셜 플랫폼. Spring Security 기반 JWT Access/Refresh Token 인증 시스템을 구현하고, Google, Kakao, Spotify 소셜 로그인 및 타 소셜 로그인 사용자의 스포티파이 연동 API를 설계했습니다. Caddy 서버를 활용한...

Spring Boot
Spring Security
JWT
OAuth2
PostgreSQL
AWS ECS
GitHub Actions
Caddy

개인 프로젝트

Neo Brutalism UI

React와 Tailwind CSS를 활용한 Neo Brutalism 스타일의 UI 컴포넌트 라이브러리입니다.

React
Tailwind CSS

Site Builder

간편한 사이트 빌더 도구입니다.

React
TypeScript
Next.js

오픈소스

Abiy - LLM-Friendly Documentation Toolkit

JSON 데이터를 LLM-friendly 마크다운으로 변환하는 템플릿 기반 도구 모음입니다. @comneed/textby 패키지를 중심으로 브라우저와 Node.js 환경 모두를 지원하며, Liquid 템플릿 문법을 활용합니다. Turborepo 기반 모노레포 구조로 N...

TypeScript
Turborepo
LiquidJS
pnpm
Changesets
tsup
Vitest

Lyra Design System

fresh

접근성과 사용성을 최우선으로 하는 현대적인 React 기반 디자인 시스템입니다. Base UI Components를 기반으로 구축되었으며, Style Dictionary 기반 디자인 토큰 시스템, CSS Modules 스타일링, Turborepo 모노레포 구조를 채택했...

React
TypeScript
Base UI Components
CSS Modules
Storybook
Turborepo
Style Dictionary
Vitest

File-merger-cli

지정된 디렉토리 내의 파일들을 확장자별로 병합하고, 파일 구조를 JSON으로 출력하는 명령줄 도구입니다.

Node.js
TypeScript
CLI

Overlay-manager-rc

React.js에서 overlay(다이얼로그, 팝업) 컴포넌트를 관리하는 패키지입니다. 메이저 버전이 출시되어 안정성과 성능이 크게 향상되었습니다.

React
TypeScript
NPM Package

Overlay-manager-vue

Vue.js에서 overlay(다이얼로그, 팝업) 컴포넌트를 관리하는 패키지입니다. 메이저 버전이 출시되어 안정성과 성능이 크게 향상되었습니다.

Vue.js
TypeScript
NPM Package

Layouts-rc

React.js를 위한 레이아웃 UI 컴포넌트 라이브러리입니다.

React
TypeScript
CSS Modules

Skills

Frontend

React.js
Next.js
React Native
Angular
Vue.js
TypeScript
Redux
Recoil
TanStack
RxJS

Backend

Spring Boot
Spring Security
Node.js
PHP

Database

PostgreSQL
MongoDB

DevOps & Tools

AWS
Docker
Terraform
Git
Webpack
Vite
Turborepo
Lerna
Nx Workspace
Sentry
Open Source

오픈소스 기여

한국 개발자들이 더 쉽게 사용할 수 있도록 문서 번역에 참여했어요.

A

AWS Amplify-UI 한글 번역

AWS Amplify UI 라이브러리의 공식 문서를 한글로 번역하여 한국 개발자 커뮤니티에 기여했습니다.

O

Obsidian 한글 번역

인기 노트 앱 Obsidian의 공식 문서 및 플러그인을 한글로 번역하여 한국 사용자들의 접근성을 향상시켰습니다.

Work

매스어답션

2024.10 - 2025.01
소프트웨어 엔지니어 (Frontend)
상품보증·AS·고객관리 B2B 서비스 개발. 비즈니스 확장에 맞춰 모노레포 구조로 전환하고, Webpack에서 Vite로 빌더를 변경하여 개발 속도를 향상시켰습니다. Sentry 적용으로 운영 환경에서 문제를 빠르게 파악할 수 있게 했으며, 레이아웃 리팩토링 및 Tailwind CSS 적용으로 코드 복잡성을 줄였습니다.

왓타임

2023.02 - 2024.03
소프트웨어 엔지니어 (Frontend)
일정조율·ATS 채용관리 서비스 개발. Headless UI, Radix UI 적용으로 컴포넌트를 개선하고, Turborepo를 사용한 모노레포 구조 적용으로 코드 재사용성 및 확장성을 향상시켰습니다. 디자인 시스템 개선으로 개발 중복 방지 및 커뮤니케이션 비용을 감소시켰습니다.

모두의연구소

2022.01 - 2022.08
소프트웨어 엔지니어 (Frontend)
인공지능 학습 서비스 개발. 디자인 시스템 회의를 주도하고, 커스텀 데이터그리드 컴포넌트를 개발했습니다. Jira를 활용한 스프린트 관리 체계를 도입하여 개발 프로세스를 개선하고 팀 생산성 및 커뮤니케이션 효율성을 증대시켰습니다.

지엔터프라이즈

2016.07 - 2021.05
프론트엔드 리더
중소상공인 사업·세금관리 서비스 개발. SSO 시스템 구현, 세무대리인용 파트너앱 개발, Angular 버전 마이그레이션 (v4 → v11)을 진행했습니다. GraphQL 도입으로 데이터 요청을 최적화하고, Nx 워크스페이스 도입으로 모노레포 구조를 관리하여 페이지 로드 시간 40% 단축, 대규모 데이터셋 처리 속도 60% 개선, 사용자 만족도 30% 상승을 달성했습니다.
Contact

연락하기

함께 일하고 싶으시다면 LinkedIn 으로 메시지 보내주세요 ✉️