선린샘터
React Electron
선린샘터는 선린인터넷고 교내 선생님들의 교무실 자리 위치 및 부재 여부를 확인할 수 있는 서비스에요.
프로젝트 소개
선린샘터는 2025년 여름방학 프로젝트에서, 웹앱 개발 동아리 TAPIE와 서버 개발 동아리 AnA가 협업하여 만든 서비스입니다. 팀장으로서 기획부터 UI·UX 디자인, 프론트엔드 개발까지 전반을 담당했습니다. 교무실을 자주 방문했지만, 선생님이 자리에 안 계셔 교실과 교무실을 수차례 헛걸음하거나 어느 교무실에 계신지 몰라 헤매는 불편함을 직접 겪었습니다. 이 경험에서 출발해, 학생들이 선생님의 교무실 위치와 실시간 자리 부재 여부를 확인할 수 있는 서비스를 기획했습니다. 관리자가 선생님별 교무실 좌석을 배정하면 학생들은 웹에서 검색으로 위치를 확인할 수 있고, 선생님은 데스크탑 앱의 토글 버튼으로 부재 상태를 변경하면 WebSocket을 통해 실시간으로 반영되는 구조입니다. 방프 발표회에서 약 30분간의 질의응답이 이어질 만큼 큰 호응을 얻었으며, 교내 서비스화도 논의됐으나 학내 내부망 보안 및 선생님 프라이버시 이슈로 인해 일단은 종료된 프로젝트입니다.
주요 기능
✦
교무실 좌석 배치도 시각화
✦
선생님 부재 여부 실시간 확인
✦
선생님 이름 검색 기능
✦
관리자 페이지를 통한 좌석 정보 관리
개발 내용
01 React 기반 프론트엔드 전체 구조를 설계하고 개발했습니다.
02 Electron을 활용해 데스크탑 앱을 패키징하고 IPC 통신을 구현했습니다.
03 좌석 배치도를 SVG로 렌더링하고 인터랙션을 구현했습니다.
04 관리자 대시보드 UI를 개발했습니다.