안녕하세요.사용자 경험을 깊이 고민하고,끊임없이 의심하는프론트엔드 개발자 이도엽입니다.

HIGHLIGHTS

PROJECTS

4건 · 2024–2026
ClipNow

2026.04 ~ 진행중 (웨이온 · 2人 팀 프로젝트)

영상을 올리면 AI가 자막을 생성하고 숏폼 클립으로 편집·렌더링해 SNS에 배포하는 서비스

  • 단어 단위 자막 타이밍·카라오케 렌더링
  • AI 음성 인식(ASR) 연동 및 정확도 개선
  • 영상 렌더링 파이프라인 (외부 렌더링 API·웹훅)
  • 동시 처리 부하 테스트 및 병목 개선
  • SNS 연동 및 백엔드 인프라
https://clip.webinow.co.kr/
  • Next.js
  • Hono
  • Drizzle ORM + PostgreSQL
  • AI 음성 인식 · 영상 이해
  • 외부 렌더링 API
  • AWS S3
Player

2026.01 ~ 진행중 (웨이온 · 2人 팀 프로젝트)

웨비나 라이브와 다시보기를 시청하는 영상 플레이어

  • Vimeo · YouTube · HLS 재생 엔진 통합
  • 라이브 · 다시보기 · 미리보기 시청 모드 구현
  • 편성 시간 기준 재생 동기화 및 채팅 · Q&A 패널 연동
  • 게이트웨이 · 등록 페이지 제작

Webinow를 통해 접속할 수 있습니다.

  • Next.js
  • Typescript
  • Vimeo Player · YouTube IFrame · hls.js
  • Zustand
  • Tanstack Query
Webinow

2025.12 ~ 진행중 (웨이온 · 4人 팀 프로젝트)

웨비나(온라인 세미나)를 개설·운영하고 참여 데이터를 리포트로 분석하는 SaaS 플랫폼

  • 랜딩 페이지 제작
  • 참여 현황 리포트 대시보드 제작
  • 수료증 · 커스텀 신청 · 서포트 관리 페이지 제작
  • Nx 모노레포 Storybook 구조 구성
https://www.webinow.co.kr/
  • Next.js
  • Typescript
  • Tanstack Query
  • Chart.js
  • react-pdf
  • Toss Payments
개인 포트폴리오 웹

2025.05 ~ 진행중 (1人 개인 프로젝트)

직접 기획·디자인·개발한, 다크 모드와 모션 시스템을 갖춘 반응형 포트폴리오 웹

  • 히어로 CLS 실측 후 제거 (4분 체류 0.113 → 0, 라이브 검증)
  • 라이트/다크 테마 토글 (정적 배포에서 화면 깜빡임 없음)
  • 320px부터 데스크톱까지 모바일 우선 반응형
  • 접근성 대응 (모션 줄이기·포커스 트랩·키보드 조작)
https://ldy981212.github.io
  • Typescript
  • Next.js
  • Tailwind CSS
  • Framer Motion

Archive · 부트캠프 팀 프로젝트 4

  • FlowIt목표 중심 생산성 관리 서비스 · 인증 흐름, 공용 UI·API 래퍼2025.07 ~ 2025.12GitHub
  • Moving이사 견적 비교 플랫폼 · 실시간 채팅, 프로필·견적·리뷰 페이지2025.01 ~ 2025.02GitHub
  • HanCook외국인 대상 한국 요리 커뮤니티 · 작업물·레시피·챌린지 페이지2024.11 ~ 2024.12GitHub
  • View My Startup스타트업 모의 투자 서비스 · 기업 비교 UI 및 조회 API 설계2024.09 ~ 2024.10GitHub

CAREER

웨이온 (WaiOn) 로고

웨이온 (WaiOn)

2025.12 - 현재 (재직 중)

Next.js
TypeScript
Nx
Hono
Drizzle ORM

Webinow — 웨비나 SaaS 프론트엔드

2025.12 - 현재

랜딩 페이지와 리포트 대시보드(퍼널·라인·파이·바 차트 및 차트 데이터를 텍스트로 변환하는 커스텀 컴포넌트), 수료증·커스텀 신청·서포트 관리 페이지를 제작하고 Nx 모노레포 Storybook 구조를 구성했습니다.

ClipNow — AI 영상 클리핑 서비스 풀스택

2026.04 - 현재

단어 단위 자막 타이밍·카라오케 렌더링, AI 음성 인식·영상 이해, 외부 렌더링 API 파이프라인(웹훅·레이트 리밋), 주요 SNS 연동을 구현하고, 동시 작업 가드·구조화 로깅 등 백엔드 인프라를 담당했습니다.

Player — 웨비나 영상 플레이어

2026.01 - 현재

Vimeo·HLS 기반 플레이어에 유튜브 표준 컨트롤 바·키보드 단축키를 구현하고, 라이브·다시보기·미리보기 모드와 채팅·영상 패널 동기화, 게스트 모드 등을 개발했습니다.

WAION Vision — 공장 비전 시스템 UI

2026.07 - 현재

edge·master 콘솔 등 비전 팩토리 시스템의 프론트엔드를 새로 구성 중입니다.
한양대학교 뇌영상분석 연구실 CNA 로고

한양대학교 뇌영상분석 연구실 CNA

2023.12 - 2024.02 (3개월)

Python
Tensorflow

DLB와 AD를 더 정확히 분류하기 위해 관련 모델 수정 및 적용

2023.12 - 2024.02

사전 학습 데이터 기반 3D U-Net 모델 적용 및 모델의 가중치를 3D U-Net에 적용

SKILLS

주력 TypeScript · Next.js
Language
  • TypeScript
  • JavaScript
Frontend
  • Next.js (React)
  • Zustand
  • React-Query
  • Tailwind CSS
  • Redux Toolkit
  • Storybook
DevOps
  • AWS
  • Vercel

PROFILES

이름
이도엽
생년월일
1998.12.12
위치
경기도 부천시
연락처
010-4465-8427
학력
한양대학교 생체공학과