FRONTEND
TECH STACK
사용하는 기술
웹 개발에 사용하는 기술과 도구입니다.
BACKEND & AUTOMATION
백엔드·자동화
DATA & STORAGE
데이터·스토리지
BUILD & DEPLOYMENT
빌드·배포
STYLING
스타일링
STATE MANAGEMENT
상태 관리
MAIN PROJECT
메인 프로젝트
현재 개발하고 있는 대표 프로젝트입니다.
강아지 산책 커뮤니티
동네에서 함께 산책할 반려견과 보호자를 연결하는 커뮤니티를 개발하고 있습니다.
Next.js · TypeScript · NestJS · Prisma · PostgreSQL/PostGIS
SELECTED EXPERIENCE / 01—04
실무에서 만든 경험
회사와 외주에서 맡은 일들을 소개합니다.
REALTIME MONITORING
하나의 흐름, 세 가지 화면CARE 의료 병동 모니터링 시스템
모어다임 · 연구소 개발팀
프론트엔드 개발
실시간 데이터 갱신
WebSocket으로 받은 초기 전체 데이터(snapshot)를 관제 화면에 표시하고, 이후 변경 데이터(delta)를 반영해 화면을 갱신했습니다.
React · TypeScript · WebSocket
세부 담당 업무
- React·TypeScript 기반 의료 병동 모니터링 프론트엔드 개발 및 유지보수
- React Query·Axios 기반 API 연동 및 의료 데이터 타입·예외 처리 개선
- Dashboard, Actingboard, Tableboard 등 실시간 병동 관제 화면 개발
- 환자·침상 배정, 환자 상세, 장치 연결 상태 및 알림 표시 기능 구현
- HBM, Fluid, Alert, I-Nurse, Surgery 리포트 화면 개발 및 개선
- 장치 등록·관리, IoT 매핑, 병상 설정, 카메라 설정, EPD 설정 등 관리자 화면 개발
CUSTOMER RESOURCES
필요한 자료를 한곳에서고객지원 서비스
복합기 고객지원 웹페이지 및 관리자 페이지 개발
고객사 (주)제이에이 솔루션
단독 개발 · 배포
복합기 모델별 드라이버·영상 안내와 관리자용 자료·통계 기능을 단독 개발·배포했습니다.
Next.js · Supabase · PostgreSQL
구현 내용
- Next.js 기반 복합기 모델별 드라이버·영상 가이드 제공 페이지 개발
- 자료·영상 관리 및 다운로드 통계 조회를 위한 관리자 페이지 개발
- Supabase Storage·PostgreSQL 활용 및 Netlify 배포
CONNECTED WORKFLOWS
반복되는 일을 연결하다알림·업무 자동화
고객 알림 및 A/S 고객 명단 자동화 구축
고객사 (주)제이에이 솔루션
단독 개발 · 서버 구축
고객 알림·명단 정리를 자동화하고 Node.js·Express 서버를 구축했습니다.
Node.js · Express · Apps Script
구현 내용
- monday.com 상태 변경 웹훅을 활용한 고객 문자·카카오톡 발송 자동화
- Google Apps Script를 활용한 A/S·서비스 고객 명단의 Google Sheets 정리 자동화
- 카페24 호스팅에 Node.js·Express 서버 구축
SHARED KNOWLEDGE
기록에 맥락을 더하다사내 수리 이력 공유
CS 부서 수리 이력 공유 웹페이지 개발
고객사 (주)제이에이 솔루션
단독 개발 · 배포
장비 수리 내역·사진·영상 공유와 직원 댓글 기능을 갖춘 사내 웹페이지를 개발·배포했습니다.
React · Cloudflare
구현 내용
- React 기반 장비 수리 내역·사진·영상 공유 및 직원 댓글 기능 구현
- Cloudflare를 활용한 웹페이지 배포