박성재 · Park Seongjae
프론트엔드 엔지니어 · 기획 · 개발 · 운영
처음부터 끝까지
직접 만들고 다듬습니다.
기획·디자인·개발·배포·운영을 한 사람이 처음부터 끝까지 책임지는 방식으로 일해 왔습니다. 단가로(Dangaro)는 가입·결제·CRM 운영 데이터를 직접 보면서 흐름을 개선해 왔고, Desktop Dday는 사용자 피드백을 모아 기능을 다듬은 끝에 매각까지 마쳤습니다. 화면을 그리는 데서 끝나지 않고, 실제 사용자 흐름과 운영 데이터로 제품을 키우는 데 익숙합니다.
React · TypeScript
컴포넌트 구조, 상태 관리, 타입 경계 설계
실시간 통신
WebSocket · Socket.io · 재연결 · presence
출시 · 운영
App Store · 웹서비스 · 클라이언트 제품 · 어드민
테스트 · 배포
Vitest · Playwright · Jest · 프로덕션 배포
소개
박성재의 프론트엔드 포트폴리오입니다. 직접 출시·운영해 온 본인 IP 제품, 클라이언트 납품 작업, 그리고 수상 이력을 한 페이지에 모았습니다. App Store·라이브 서비스·GitHub로 확인 가능한 작업물 중심으로 정리했습니다.
대표 작업
프론트엔드 구조, 실시간 동작, 출시·운영까지 한 번에 보여주는 두 가지 작업입니다.
운영 중인 실서비스
artdata
미대 입시 AI 분석 실서비스에서 Socket.io 기반 1:1 채팅을 원작자로 설계하고 구현했습니다. 룸 인증, 읽음·타이핑, 파일 메시지, 토큰 만료 시 자동 재인증·재연결을 다뤘습니다. 외부 거래를 막기 위한 서버측 연락처·금칙어 마스킹과 어드민 채팅 모니터링까지 붙여 실제 사용자 트래픽 아래에서 운영했습니다.
운영 중인 AI 실서비스
Dangaro
YouTube·Instagram·TikTok 인플루언서의 협찬 단가를 AI로 예측하는 웹서비스입니다. 15,000+ 채널 분석 데이터를 쌓으며, 가입·결제·CRM 흐름을 직접 운영 대시보드로 보면서 개선해 왔습니다. Nuxt 3 + Cloudflare Pages + Neon DB 위에서 분석 정확도와 사용자 전환까지 함께 책임진 제품입니다.
출시 · 운영 제품
스토어와 웹에 직접 출시해 사용자에게 닿았고, 운영까지 책임진 제품들입니다.
Dangaro
YouTube·Instagram·TikTok 인플루언서의 협찬 단가를 AI로 예측하는 웹서비스입니다. 가입·결제·CRM 흐름을 운영 대시보드로 직접 보면서 분석 정확도와 사용자 전환까지 개선해 왔습니다.
NALDA Timer
얼굴 인식으로 집중 시간을 측정하는 웹 서비스입니다. React·TypeScript에 WebGL 기반 human detection을 붙이고, 카메라 권한과 끊김 없는 UX를 다뤘습니다.
KORI VOCA
React Native로 만든 한국어 학습 앱입니다. 간격 반복 학습과 접근성을 적용해 App Store에 출시했고, ST창업오디션 최우수상을 받았습니다.
Desktop Dday
Electron·Vue로 만든 바탕화면 D-Day 위젯입니다. 1인 개발로 데스크톱·모바일 스토어에 출시해 사용자 피드백으로 기능을 다듬은 끝에 제품을 매각했습니다.
투두날다
"가장 예쁜 투두앱" 컨셉으로 만든 iOS 할 일 관리 앱입니다. React Native로 제작하고 App Store에 출시했습니다.
명연당
AI 기반 성명사주 서비스입니다. 이름과 사주의 철학을 결합한 해석 흐름을 설계하고 운영 중인 라이브 서비스입니다.
포인디
인디밴드를 위한 공연 플랫폼입니다. 공연장·밴드·티켓 흐름을 다루는 서비스로, 직접 기획·설계해 운영 중입니다.
몽글 BETA
Vue 3 + Cloudflare Workers + Neon DB로 만든 모바일 청첩장 서비스입니다. AI 배경 제거, 템플릿 갤러리, QR 청첩장까지 묶은 베타 운영 제품입니다.
비공개 운영 시스템
공개 소스보다 도메인 모델링, 어드민 UX, 정책·권한·개인정보 처리, 운영 인수인계가 핵심인 비공개 납품 작업입니다.
대량 문자 발송 플랫폼
SMS·LMS 대량 발송을 위한 고객·관리자 패널입니다. 발송 큐와 이력·통계, 스팸 필터, 국내 단문/장문 길이 제약에 따른 분기 흐름을 반영했습니다.
프랜차이즈 랜딩 + 어드민
가맹 상담 리드를 모으는 랜딩과 어드민입니다. 문의 데이터의 마스킹·암호화·접근 제한과 운영자 워크플로를 공통 정책으로 정리했습니다.
부동산 내부 CRM
매물 등록·갱신·매칭과 직원·권한 관리를 다루는 내부 CRM입니다. 운영자가 매일 반복해서 쓰는 어드민 흐름을 중심으로 설계했습니다.
엔터사 오디션 관리 (서북)
엔터테인먼트사 오디션 지원·관리 시스템입니다. 공고 등록, 지원자 흐름, 포트폴리오 업로드, 운영자 알림을 정리했습니다.
고려대대학원 문제은행
고려대학교 대학원의 문제 등록·풀이·진도·통계 학습 플랫폼입니다. 학생·운영자 권한 분리와 학습 흐름을 다뤘습니다.
그 외 납품 사례
랜딩페이지·이커머스·매칭 플랫폼 등 다양한 산업의 클라이언트 납품 작업입니다.
보험라운지
보험 상품 안내 및 상담 신청 랜딩페이지입니다. 모바일 최적화와 전환율 흐름을 설계했습니다.
정책자금 랜딩
정부 정책자금 안내·신청 자격 확인·상담 신청 랜딩입니다. 모바일 흐름을 우선으로 잡았습니다.
휴대폰 판매 쇼핑몰
휴대폰 기기 전문 쇼핑몰입니다. 상품 카탈로그, 장바구니, 결제, 주문 관리까지 다뤘습니다.
휴대폰 기기 정보
휴대폰 스펙 조회·비교·검색을 위한 정보 서비스입니다.
렌탈 쇼핑몰
렌탈 상품 카탈로그·예약 시스템·결제 연동·고객 관리를 묶은 온라인 쇼핑몰입니다.
LoL 전적검색
Riot API를 활용한 리그 오브 레전드 전적·통계 서비스입니다. 실시간 조회와 매치 히스토리를 다뤘습니다.
에브리잡 에브리피플
글로벌 인재 매칭을 위한 구인·구직 플랫폼입니다. 이력서 등록, 채용 공고, 매칭, 다국어를 지원합니다.
대출 중개 플랫폼
금융 대출 상품 비교·맞춤 추천·신청 프로세스를 갖춘 중개 플랫폼입니다.
블랙다모아
피해사례 등록·검색·필터·관리자 대시보드를 갖춘 플랫폼입니다.
BBQ 가맹 랜딩
BBQ 프랜차이즈 가맹 모집 반응형 랜딩입니다. 가맹 문의 폼과 실시간 상담을 붙였습니다.
우쿠야 가맹 랜딩
우쿠야 프랜차이즈 가맹 모집 랜딩입니다. 리뉴얼 작업으로 모바일 흐름을 다시 잡았습니다.
그 외 작업
- Framer 개인 포트폴리오 제작
- 학생 커뮤니티 / 트로이몰 사이트 유지보수
- 10만+ 다운로드 앱 퍼블리싱 (2021–2024)
수상 · 인정
장관상·사령관상부터 학교 창업오디션, 공공·민간 공모전까지 다양한 영역에서 인정받았습니다.
해양수산부 장관상
스마트 해상물류 프로젝트 경진대회 — 영상처리를 활용한 스마트 물류창고 개발.
공군 개발 사령관상
2024년 교육훈련 우수 콘텐츠 개발자 중장급 우수상.
ST창업오디션 최우수상
KORI VOCA — 한국어 학습 앱 (팀 '피피').
KOSAC 지역대회 입상 (서울)
팀 '파랑새'로 지역대회 입상.
Disquiet 위클리 프로덕트
디스콰이엇 메이커 커뮤니티 주간 추천 제품에 선정.
일하는 방식
프론트엔드 제품을 만들 때 반복해서 중요하게 보는 기준입니다.
제품 임팩트
화면만 만드는 대신, 실제 사용자가 쓰는 제품을 출시하고 운영까지 책임집니다.
실시간 상태
재연결, presence, 읽음·타이핑, 낙관적 업데이트 같은 비동기 흐름을 안정적으로 다룹니다.
운영 가능한 UI
어드민, 통계, 로그, 정책 제어처럼 매일 반복해서 쓰는 운영 화면을 설계합니다.
정책 · 개인정보
연락처 마스킹, 암호화, 권한 분리를 서버와 클라이언트 양쪽에서 함께 처리합니다.
테스트 · 배포
Vitest·Playwright·Jest 통합 테스트와 프로덕션 배포 파이프라인을 직접 운영합니다.
AI 활용 개발
Claude Code·Codex 같은 도구를 구조화 출력과 코드 리뷰에 붙여 속도와 품질을 함께 끌어올립니다.