Next.js, TypeScript, React, Node.js 기반의 웹 서비스를 개발하는 프론트엔드 개발자입니다. 사용자 경험 중심의 UI 설계와 성능 최적화에 강점을 가지고 있으며, 프론트엔드와 백엔드를 아우르는 유기적인 개발을 수행합니다.

• 😄 목표 달성도 중요하지만 일의 과정에서 재미를 찾는 편입니다
• 🎯 회사와 세상에 긍정적 영향을 주는 일은 그 자체로 동기부여가 됩니다
• 💡 문제가 생겨도 그 상황 안에서 일을 진행할 수 있는 방향을 찾습니다
• ✅ 맡은 임무를 면밀하게 처리합니다

🧑‍💻 Language

⚛️ Frontend

📱 Mobile

🔧 Backend

🛠️ DevOps & Tools

🤝 Collaboration

기간: 2024.05 ~ 현재

서비스: 약국 직거래 통합관리 플랫폼, 플랫팜

약국과 제약사 간의 상품 주문, 결제, 장부관리까지 한 번에 처리할 수 있는 B2B 직거래 통합관리 플랫폼으로, 약국 유통 구조의 디지털 전환을 목표로 하는 서비스입니다.

주요 업무 및 성과:

• ✅ 서비스 초기 설계 및 프론트엔드 구조 설계 (2024년 하반기)

  • 다양한 벤더사 요구사항을 반영한 확장 가능한 프론트엔드 아키텍처 설계
  • Zustand(클라이언트) + TanStack Query(서버) 상태 관리 전략 수립
  • 공통 컴포넌트 라이브러리 및 코드 컨벤션 확립

• ✅ 프론트엔드 성능 최적화 (2025년 상반기)

  • Lighthouse 성능 점수 13점 → 78점 개선
  • 라우트 기반 코드 스플리팅으로 초기 번들 크기 60%+ 감소
  • CDN 폰트 → 로컬 임베디드 폰트 전환, lazyOnLoad 적용으로 TBT 개선

• ✅ 자체 CMS 구축 (2025년 하반기 ~ 2026년 상반기) — Fullstack 단독 개발

  • NestJS 기반 RESTful API 설계 및 구현
  • WYSIWYG 에디터 + 드래그앤드롭 UI로 비개발자 운영 환경 구축
  • AWS S3 연동 파일 업로드 시스템 및 이미지 최적화 파이프라인 구현
  • 콘텐츠 수정 관련 개발 요청 80%+ 감소

• ✅ WYSIWYG 에디터 마이그레이션 (2026년 3월)

  • CKEditor → Tiptap(ProseMirror) 전환
  • 패키지 크기 2.5GB → 3MB (99.8% 감소)
  • 운영 배포 시간 12분 → 6분 (약 50% 단축)
  • 독립 npm 패키지 tiptap-editor-kit으로 오픈소스 배포

• ✅ 웨비나 라이브 스트리밍 페이지 구현 (2026년 2월)

  • Naver Cloud Player 기반 라이브 스트리밍 및 사전예약/실시간 현황 기능 개발

• ✅ 백엔드 API 개발 및 수정 (2025년 상반기 ~ 현재)

  • 제한된 백엔드 리소스 환경에서 Node.js 기반 API 개발·수정 병행

사용 기술:

기간: 2023.10 ~ 2024.02

팀 프로젝트: ANGO — 지하철 혼잡도 기반 좌석 추천 서비스

지하철 혼잡도 데이터를 분석하여 사용자가 좌석에 앉을 확률이 높은 호차를 추천하는 서비스 프로젝트 우수팀 선정 (기술 완성도 및 협업 평가 우수)

주요 역할 및 성과:

• React 기반 사용자 인터페이스 설계 및 데이터 시각화 구현
• 실시간 혼잡도 API 데이터 활용 호차별 혼잡도 렌더링
• WebSocket 기반 실시간 채팅 기능 구현
• 팀 내 Git 협업 환경 정비 및 공통 UI 컴포넌트 구조화

사용 기술:

프로젝트	설명	기술 스택	링크
tiptap-editor-kit	Tiptap 기반 WYSIWYG 에디터 npm 패키지. React와 Vanilla JS 두 가지 entry point를 제공하며, 풀 툴바와 이미지 업로드를 지원합니다.	Tiptap, ProseMirror, TypeScript, React
서버 헬스체크 모니터링	API 엔드포인트를 주기적으로 모니터링하고 장애 시 TTS 음성 알림을 제공하는 크로스플랫폼 CLI 도구	Python, CLI, Cross-Platform
Re:Gym	Flutter 기반 크로스플랫폼 앱 프로젝트 (개발 중)	Flutter, Dart	🚧
포트폴리오	미니멀리즘 스타일 개인 포트폴리오. Framer Motion 애니메이션과 다크모드 구현.	Next.js, TypeScript, Tailwind CSS

학력

• 🎓 한국해양대학교 동아시아학 (2013.03 ~ 2021.02)

자격증

• 📜 SQLD (2024.04)
• 📜 정보처리기사 (2024.06)

외국어

• 🌐 영어: OPic IM1 (2023.09) / TOEIC 800 (2020.08)
• 🌐 일본어: 기초회화

• 🛒 개인 쇼핑몰 운영을 통해 월매출 1,000만원 이상 달성 — 사용자 구매 여정과 전환율에 대한 실전 감각을 UI/UX 설계에 반영
• 📱 SNS 계정 팔로워 10,000명 이상 달성 — 데이터 기반 의사결정과 A/B 테스트 사고방식 체득
• 💼 제약, 금융 회사 근무 경험 — 새로운 도메인의 비즈니스 로직을 빠르게 파악하고 개발에 반영

• 📧 Email: ybg6152@naver.com
• 🏠 Location: 서울 서대문구
• 💼 Portfolio: portfolio-beta-olive-83.vercel.app