박성재 · Park Seongjae
프론트엔드 엔지니어 · React · TypeScript · 실시간 UI
실제로 출시하고
운영하는 제품을 만듭니다.
채팅 시스템, 운영 어드민, 모바일 앱, 공개 웹서비스를 직접 설계하고 배포한 뒤 유지보수까지 책임져 왔습니다. 화면을 그리는 데서 끝나지 않고, 실시간 상태와 운영 흐름까지 만드는 프론트엔드 개발자입니다.
React · TypeScript
컴포넌트 구조, 상태 관리, 타입 경계 설계
실시간 통신
WebSocket · Socket.io · 재연결 · presence
출시 · 운영
App Store · 웹서비스 · 클라이언트 제품 · 어드민
테스트 · 배포
Vitest · Playwright · Jest · 프로덕션 배포
이 페이지를 만든 이유
토스 FE 일일체험에 급하게 붙이려고 꾸민 페이지가 아니라, 제가 제품을 어떤 방식으로 만들고 검증하는지 빠르게 보여드리려고 정리한 포트폴리오입니다. 공개 GitHub, 운영 중인 서비스, 비공개 클라이언트 작업 중에서 직접 만들었고 확인 가능한 신호만 골라 담았습니다.
대표 작업
프론트엔드 구조, 실시간 동작, 출시·운영까지 한 번에 보여주는 두 가지 작업입니다.
운영 중인 실서비스
artdata
미대 입시 AI 분석 실서비스에서 Socket.io 기반 1:1 채팅을 원작자로 설계하고 구현했습니다. 룸 인증, 읽음·타이핑, 파일 메시지, 토큰 만료 시 자동 재인증·재연결을 다뤘습니다. 외부 거래를 막기 위한 서버측 연락처·금칙어 마스킹과 어드민 채팅 모니터링까지 붙여 실제 사용자 트래픽 아래에서 운영했습니다.
출시 · 운영 제품
스토어와 웹에 직접 출시해 사용자에게 닿았고, 운영까지 책임진 제품들입니다.
KORI VOCA
React Native로 만든 한국어 학습 앱입니다. 간격 반복 학습과 접근성을 적용해 App Store에 출시했고, ST창업오디션 최우수상을 받았습니다.
Desktop Dday
Electron·Vue로 만든 바탕화면 D-Day 위젯입니다. 1인 개발로 데스크톱·모바일 스토어에 출시해 다국어·기기 간 동기화까지 운영했고, 이후 제품을 매각했습니다.
NALDA Timer
얼굴 인식으로 집중 시간을 측정하는 웹 서비스입니다. React·TypeScript에 WebGL 기반 human detection을 붙이고, 카메라 권한과 끊김 없는 UX를 다뤘습니다.
Dangaro
유튜브·인스타·틱톡 인플루언서의 협찬 단가를 예측하는 AI 웹서비스입니다. 공개 서비스 UX와 SEO, 제품 운영을 함께 다뤘습니다.
비공개 운영 시스템
공개 소스보다 도메인 모델링, 어드민 UX, 정책·권한·개인정보 처리, 운영 인수인계가 핵심인 비공개 납품 작업입니다.
대량 문자 발송 플랫폼
SMS·LMS 대량 발송을 위한 고객·관리자 패널입니다. 발송 큐와 이력·통계, 스팸 필터, 국내 단문/장문 길이 제약에 따른 분기 흐름을 반영했습니다.
프랜차이즈 랜딩 + 어드민
가맹 상담 리드를 모으는 랜딩과 어드민입니다. 문의 데이터의 마스킹·암호화·접근 제한과 운영자 워크플로를 공통 정책으로 정리했습니다.
부동산 내부 CRM
매물 등록·갱신·매칭과 직원·권한 관리를 다루는 내부 CRM입니다. 운영자가 매일 반복해서 쓰는 어드민 흐름을 중심으로 설계했습니다.
일하는 방식
프론트엔드 제품을 만들 때 반복해서 중요하게 보는 기준입니다.
제품 임팩트
화면만 만드는 대신, 실제 사용자가 쓰는 제품을 출시하고 운영까지 책임집니다.
실시간 상태
재연결, presence, 읽음·타이핑, 낙관적 업데이트 같은 비동기 흐름을 안정적으로 다룹니다.
운영 가능한 UI
어드민, 통계, 로그, 정책 제어처럼 매일 반복해서 쓰는 운영 화면을 설계합니다.
정책 · 개인정보
연락처 마스킹, 암호화, 권한 분리를 서버와 클라이언트 양쪽에서 함께 처리합니다.
테스트 · 배포
Vitest·Playwright·Jest 통합 테스트와 프로덕션 배포 파이프라인을 직접 운영합니다.
AI 활용 개발
Claude Code·Codex 같은 도구를 구조화 출력과 코드 리뷰에 붙여 속도와 품질을 함께 끌어올립니다.