플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 다수 학생 WebRTC 연결의 네트워크 부하 — TURN 서버 설정 및 스트림 품질 자동 조절(simulcast) 전략으로 대응합니다. - 학습실 입장 시 웹캠 권한 거부 케이스 — 브라우저별 권한 API 분기와 사용자 안내 UX를 함께 설계합니다. - 결제 웹훅 미수신 또는 중복 수신 — 멱등성 키 기반 웹훅 처리로 결제-구독 동기화 정합성을 보장합니다. - 다중
프로젝트 성과
WebRTC 다중 피어 그리드 모니터링 구현
RTCPeerConnection 다중 연결 구조로 최대 16개 학생 웹캠을 단일 관리자 화면에 실시간 렌더링하는 그리드 모니터링 시스템을 구현합니다.
역할 기반 인증 및 소셜 로그인 설계
학생/학부모/관리자 3단계 역할 구분과 JWT 이중 토큰 인증, 카카오/구글 OAuth 간편로그인을 통합한 회원 시스템을 설계합니다.
실시간 상담 예약-화상 연결 파이프라인 구현
예약 확정부터 화상 룸 자동 입장까지 Socket.io 이벤트 기반 단일 흐름으로 처리하는 1:1 상담 파이프라인을 구현합니다.
PG 웹훅 기반 구독 관리 시스템 구현
토스페이먼츠 웹훅 서버 검증으로 결제 신뢰성을 확보하고, 플랜별 구독 만료 자동 처리 및 알림 발송 로직을 설계합니다.
핵심 기능
관리자 실시간 모니터링 대시보드
다수 학생의 웹캠 영상을 그리드 형태로 동시 확인하는 관리자 모니터링 화면을 구현합니다
진행 단계
요구사항 분석 및 DB 설계
2026.04.
회원 역할 구조, 출석 레코드, 구독 상태, WebRTC 시그널링 서버 아키텍처 설계
프로젝트 상세
1) 포트폴리오 소개 WebRTC 기반 실시간 웹캠 스트리밍과 관리자 그리드 모니터링을 핵심으로 하는 온라인 학습 코칭 플랫폼 MVP를 구현합니다. 학생 학습실 입/퇴실 관리, 1:1 영상 상담 예약, 학부모 진도 조회 기능을 포함한 LMS 프로토타입을 설계합니다. 2) 작업 범위 - 관리자 실시간 모니터링 대시보드: 다수 학생의 웹캠 영상을 그리드 형태로 동시 확인하는 관리자 모니터링 화면을 구현합
