Frontend Developer

박재연

복잡한 영상 편집 경험을 웹과 앱에서 구현합니다.

약 1년 6개월 동안 AI 영상 생성 서비스와 웹 비디오 에디터를 개발했습니다. 아래에는 직접 설계하고 운영해 온 개인 프로젝트를 정리했습니다.

프로젝트 보기 GitHub Email

Projects

직접 설계하고 운영한 프로젝트의 구현 과정과 기술적 판단을 정리했습니다.

Web

ImageGen

AI 이미지 생성·공유

Next.js와 여러 이미지 모델을 사용한 AI 이미지 생성 웹 애플리케이션입니다. API·로컬 모델로 이미지를 만들고 공유하며, 좋아요·댓글·프로필까지 지원합니다.

Next.js 16 · React 19 · TypeScript · Tailwind CSS · shadcn/ui · MySQL · Prisma · TanStack Query · Zustand

자세히 보기서비스 열기 GitHub

Web

NemoDrop

가입 없이 파일·메모 공유

로그인 없이 파일이나 텍스트를 빠르게 공유하는 임시 공유 서비스로, 6자리 코드·링크·QR로 받는 사람이 내려받거나 복사할 수 있습니다.

Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · SQLite · Prisma 7 · TanStack Query · next-intl

자세히 보기서비스 열기 GitHub

Web

JukeRoom

같이 듣는 음악

로그인 없이 4자리 코드로 입장해 같은 공간의 사람들이 하나의 플레이리스트를 함께 만드는 실시간 음악 서비스입니다. 호스트 화면이 실제 YouTube 영상을 재생하고, 게스트는 곡을 검색·추가하며 Supabase Realtime으로 재생 상태를 함께 봅니다.

Next.js 16 · React 19 · TypeScript · Tailwind CSS 4 · Supabase · TanStack Query · next-intl · react-youtube

자세히 보기서비스 열기 GitHub

Desktop App

ClipBoard

클립보드 히스토리 매니저

Electron + React + better-sqlite3 로 만든 클립보드 히스토리 데스크탑 앱입니다. 메인 프로세스가 클립보드 변경을 감지해 로컬 SQLite에 영구 저장하고, 전역 단축키로 토글하는 frameless 오버레이 창에서 지난 항목을 검색·고정·재복사합니다. macOS·Windows를 지원합니다.

Electron 30 · React 18 · TypeScript · Tailwind CSS 3 · better-sqlite3 · electron-store · koffi (FFI) · Vite 5 · electron-builder

자세히 보기다운로드 GitHub