박시형

Frontend Developer

코드를 통해 편리한 서비스를 유저에게 제공해주고 싶은 개발자 박시형 입니다.
피부 시술부터 AI 교육까지 다양한 도메인에서 웹/앱 개발로 비즈니스 성과를 이끌어왔습니다.
현재는 케어랩스에서 CRM 및 헬스케어 관련 개발을 진행하고있습니다.

Career

2026.02 ~ ing
케어랩스
Frontend Engineer
UNO CRM 병원용 펜차트 태블릿 앱 개발
  • 기존 PWA 웹뷰 기반 앱의 성능 한계를 극복하기 위해 Expo + React Native로 전면 재구축 (iOS / Android)
  • Skia 캔버스 기반 에디터 기능 구현 - 드로잉·텍스트·이미지 및 8방향 리사이즈·회전 핸들
  • Reanimated Worklets 기반으로 제스처 애니메이션을 UI 스레드에서 처리해 60FPS 편집 경험 보장
  • 병원 예약 및 접수 관리 기능 개발 — 날짜별 예약 조회, 내원 고객의 예약·접수 상태 전환 처리
  • Expo Router 파일 기반 라우팅 + Feature-Sliced Design 패턴 적용으로 도메인 단위 코드 구조화
React NativeExpoEASExpo RouterReact-QueryZodReact-Hook-FormZustandNativeWindSkia
UNO CRM 병원용 웹 CRM 개발
  • 병의원을 위한 웹 기반 CRM으로 예약·접수·수납·통합차트 등 병원 운영 전반을 커버하는 서비스 개발 및 유지보수
  • 진료·수술·처방 등 모든 진료 기록을 하나의 탭 화면에서 관리하는 통합차트를 CRM의 핵심 기능으로 개발 및 유지보수 담당
  • 예약·수납·정산·통계 등 병원 운영에 필요한 다양한 기능 개발 및 유지보수
  • 네이버 예약 등 외부 채널 신청을 CRM 내에서 직접 확인·확정·취소까지 처리할 수 있도록 연동 구현
ReactTypeScriptViteMobXMUISWRStyled-ComponentsReact-Hook-Form
케어랩스
2025.03 ~ 2026.01
모두의 연구소
Frontend Engineer
신규 LMS(Learning Management System) 시스템 구축
  • CRA 기반의 레거시 LMS를 Turborepo + Next.js 기반으로 재구축
  • 주피터 노트북 서버와 WebSocket 통신을 통해 실시간 코드 실행 환경 제공 (인스턴스·커널·웹소켓 연결 관리)
  • VOD 수강환경에서 iOS Safari의 HLS 스트리밍 및 크로스 브라우징 이슈 처리
  • Wagtail + Django 기반 교안 제작 방식을 Jupyter Notebook 기반으로 변경, 교육 매니저 운영 효율 향상
  • 코드블럭, 마크다운, 퀴즈, 프로젝트 제출 등 복잡한 UI 분기 처리 (ts-pattern 도입)
  • 모바일 및 태블릿 반응형 수강 환경 제공
  • AI 챗봇 서비스 및 실습환경 보조 툴 추가 및 고도화 (Amazon Bedrock + GraphQL Subscribe 기반)
ReactNext.jsTurborepoGraphQLApollo ClientWebSocketReact-QueryZustandTailwind
AI 챗봇 서비스 구축
  • AI 스쿼드와 협업하여 수강 환경에서 보조적인 도움을 받을 수 있는 AI 챗봇 서비스 구현
  • GraphQL Streaming 기반으로 청크 단위 응답을 수신하는 실시간 대화 경험 구현
  • trace message, 타이핑 애니메이션, 드래그 옵션 등 UX 개선
  • 기존 대화 내역을 유지해 세션 연결을 다시 맺는 흐름 구현
ReactNext.jsTurborepoGraphQLApollo ClientWebSocketReact-QueryZustandTailwind
GUI 기반 CMS 시스템 구축 및 B2C 교육 플랫폼 개편
  • 운영진이 개발자 없이 콘텐츠를 관리할 수 있는 GUI 기반 CMS 시스템 구축
  • 드래그 앤 드롭 기반의 직관적인 UI로 비개발자도 쉽게 랜딩 페이지를 구성 가능
  • B2C 교육 플랫폼에 Server Driven UI 도입으로 유연한 운영 구조 마련
  • CMS 어드민과 B2C 플랫폼이 동일한 컴포넌트·비즈니스 로직을 공유하도록 Monorepo 구조 적용
  • 실제 운영자와 소통하며 버전 관리, 템플릿 적용, 페이지 복제, 드래그 앤 드롭 등 기능 추가
수강생 출결 및 실시간 소통을 위한 앱 개발
  • 학습실 공지·문의·댓글 등 주요 이벤트를 실시간 확인하기 위한 수강생 전용 앱 개발
  • Discord, ZEP, Slack 등 파편화된 소통 창구를 앱으로 일원화하여 사내 DB 구축 및 실시간 소통
  • 추후 수강환경 제공까지 고려 중
React NativeExpoGraphQLApollo ClientNativewindEAS
모두의 연구소
2023.10 ~ 2024.12
디쉐어
Frontend Engineer
에이닷 ON React 프로젝트 초기 구축
  • PHP + Vanilla JS 프로젝트를 Next.js + React 기반으로 재구축
  • Turborepo 모노레포 도입과 공통 UI 및 환경 설정 분리
  • 에이닷 디자인 시스템 (ADS) 컴포넌트 개발
  • Storybook 도입하여 컴포넌트 주도 개발 (CDD) 및 디자인 문서화
  • MDX 마크다운으로 Storybook 컴포넌트 템플릿 작성
  • 모바일, 태블릿, 데스크탑 반응형 디자인 구현
  • 기존 팀원들과 React 스터디 & 핸즈온 실습 진행
ReactNext.jsTurborepoReact-QueryZustandStyled-ComponentsStorybook
2021.06 ~ 2023.10
여신티켓
Frontend Engineer
App Reboot 프로젝트 및 웹뷰 개발
  • CRA 기반 프로젝트를 Next.js로 마이그레이션
  • 병원관, 결제, 예약, 리뷰, 프로모션 등 다양한 웹뷰 페이지 개발
  • MobX에서 React-Query + Zustand 조합으로 전환
  • WebView와 네이티브 앱 간의 통신을 위해 앱 개발자들과 소통하며 Bridge 설계
  • 다양한 브라우저 환경에서 크로스 브라우징 이슈 처리
  • Meta Tag와 구조화된 데이터 활용하여 SEO가 필요한 페이지 작업
ReactTypeScriptNext.jsReact-QueryZustandStyled-Components
App React 웹뷰 개발
  • React + PHP의 혼합된 프로젝트를 React로 통합 (CRA)
  • 이벤트 상세, 결제, 프로모션 등 웹뷰 페이지 개발
  • 여신 디자인 시스템 (YDS) 개발 및 Storybook 디자인 문서화
  • 네이티브 앱과 브릿지 통신
사내 통합 백오피스 개발
  • 기존의 레거시 백오피스를 React 기반으로 재구축
  • 회원관리, 예약, 결제, 정산, 광고 등 40여개의 페이지·탭 개발 및 유지보수
  • Formik + Yup으로 대량의 Form 및 validation 처리
ReactTypeScriptReact-QueryZustandTailwind
파트너 백오피스 개발 (여신티켓 플러스)
  • 입점한 병원이 사용하는 병원용 백오피스 개발
  • 시술 예약 관리, 후기 및 문의, 정산, 광고 관리 등 다양한 기능 개발 및 유지보수
  • 광고관리 그래프 등 간단한 차트 및 데이터 시각화
  • 엑셀 다운로드 기능 공통화 처리
여신티켓
2020.09 ~ 2021.06
어포스트 코리아
Frontend Engineer
지도기반 불편, 불만 공유 SNS 개발
  • 예비창업 패키지에 선정되어 1대표 + 1개발자로 활동, 개발 전담
  • Flutter로 iOS, AOS 크로스 플랫폼 앱 개발
  • Google Map API와 Cluster를 활용한 지도 기반 서비스 구축
  • 1인 개발로 기획/개발/디자인/스토어 배포 전담
FlutterDartProviderFirebase
2019.08 ~ 2020.09
블렌드인
Frontend Engineer
프론트엔드 개발 및 백오피스 구축
  • 프리미엄 인테리어 스타트업 '블렌드인' Frontend 개발
  • 프론트엔드 기술환경 구성 및 기본 기능 구현
  • TypeScript & 반응형 디자인 적용
  • 실시간 인테리어 시뮬레이션 기능 및 인테리어 기능 구현
  • 시공관리, 자재관리, 반장님 등 사내에서 필요한 백오피스 구축
ReactTypeScriptNext.jsReduxRedux-SagaStyled-Components
블렌드인

Activity

2025.04.25
취미생활과 함께 기술스택 넓히기
모두의연구소 사내 발표
React Native(Expo) 앱 개발 + Nest.js를 통한 기술스택 확장 세션
취미생활과 함께 기술스택 넓히기
2025.07.12
앱 개발과 크로스 플랫폼 알아보기
모두의연구소 사내 발표
네이티브앱과 크로스 플랫폼 앱, 웹뷰 앱을 비교해 정리한 세션
앱 개발과 크로스 플랫폼 알아보기
2024.12.12
Geek News 밋업 행사 발표
테니스 다이어리 앱을 만들기까지의 과정을 발표
발표 후기를 포함한 밋업 행사 세션
Geek News 밋업 행사 발표
2019.05 - 2019.05
한국건설기술연구원 드론 프로젝트
머신러닝을 활용한 교량시설물 유지관리 외주 업무를 진행
드론으로 촬영된 교량 사진을 Tensorflow로 분석해 균열, 누수, 백태 등을 분석
2019.02 - 2019.02
서울대 산학협력단 솔루션 개발
정신의학과 환자 수술 시 사용되는 MIDI 음악의 저작권 문제 대응
Tensorflow와 AI Jukebox를 활용해 비슷한 음악을 학습/생산하는 외주 업무 진행
2017.06 - 2017.08
주한 스리랑카 대사관 인턴
스리랑카 대사관 영사과에서 인턴으로 근무
모든 업무를 영어로 진행하며 간단한 통역과 업무 보조 수행

Projects

활동
타이브레이크
테니스 다이어리앱을 크로스 플랫폼 Flutter로 개발
테니스 매치·레슨 기록, 통계 및 차트, 전국 테니스장 검색, 커뮤니티, 소셜 로그인 기능 구현
앱스토어, 플레이스토어, 웹 버전 제공

Education

2013.06 - 2019.02
연세대학교 미래캠퍼스
컴퓨터정보통신공학부
연세대학교 미래캠퍼스 졸업