개발 도구와 웹 서비스를 만드는 박성진입니다.
사용자의 작업 흐름을 개선하는 제품을 설계하고,
구현부터 배포·운영까지 이어갑니다.
Portfolio · Repositories · Email
TypeScript·JavaScript 코드 구조와 관계를 그래프로 분석·탐색하는 VS Code 확장 프로그램입니다.
- AST 기반 코드 분석과 호출·참조·데이터 흐름 관계 탐색
- Trace Mode, 분석 캐시 및 소스 코드 이동 기능
- VS Code Marketplace 배포
TypeScript React VS Code Extension API AST
GitHub 저장소를 로컬에 직접 clone하지 않고 미리보기·분석할 수 있도록 개발 중인 도구입니다.
- Chrome 확장 프로그램과 서버 실행 환경을 연결하는 저장소 미리보기
- 격리 실행 환경과 프리뷰 수명 주기 관리
- 외부 API 오류 처리 및 운영 검증을 통한 안정성 개선
수식과 데이터를 2D·3D 그래프로 시각화하고 편집·저장하는 수학 워크스페이스입니다.
- 수식·그래프 연동과 3D 곡선·곡면 시각화
- Studio 편집 환경 및 Vault 저장 기능
- AI Panel을 통한 분석·조작 지원
React React Three Fiber Math.js Spring Boot
| Project | Description | Technologies |
|---|---|---|
| InfiniteDesk | Windows 앱을 공간형 캔버스에서 배치하고 실제 창에 레이아웃을 적용하는 작업공간 도구 | Electron · React · Windows API · DWM |
| PrismDesign | 노드를 연결해 실시간 비주얼 파이프라인을 구성하는 웹 기반 비주얼 프로그래밍 환경 | React · React Flow · Canvas · MediaPipe |
| Git-Reflow | 웹에서 설계한 UI 템플릿을 실제 GitHub 화면에 적용하는 커스터마이징 도구 | React · TypeScript · Node.js · Chrome Extension |
| Traffic Noise Prediction | 도시 환경 데이터를 활용한 교통 소음 예측 및 지도·그래프 시각화 시스템 | Python · CatBoost · Flask · React |
-
이노베이스 · 프론트엔드 인턴 | 2026.04–2026.08
병원 CT 장비 관리 웹 서비스의 프론트엔드 개발, 서비스 기획 및 프로젝트 관리
React·MUI 기반 장비 관리, 센서 모니터링 및 이상 알림 기능 개발 -
AICS Lab · 학부연구생 | 2025.09–
논문 리뷰·세미나, 교통 시뮬레이션 관련 연구 및 연구실 웹 시스템 개발 -
멋쟁이사자처럼 · 운영진 | 2025
프론트엔드 교육 및 아이디어톤·해커톤 운영 -
창업동아리 | 2025
| Area | Technologies |
|---|---|
| Frontend | React · TypeScript · JavaScript · Vite · HTML · CSS |
| Graphics & Visualization | Three.js · React Three Fiber · React Flow · Canvas |
| Developer Tools & Desktop | VS Code Extension API · AST Analysis · Electron |
| Design & Collaboration | Figma · Git · GitHub · Postman |
- 2025 BLEP 데이터 활용 경진대회 장려상 — Traffic Noise Prediction
- 2025 한국데이터사이언스학회 최우수 논문상 — Traffic Noise Prediction
- 정보처리기사 — 한국산업인력공단 (2026.09)
GitHub Stats