NEEIS : 학생 성적 · 상담 관리 시스템

소프트웨어 설계 과목에서 진행한 학생 성적 및 상담 관리 프로젝트입니다.
학생/학부모 페이지와 교사 페이지가 분리되어 있으며,
교사 페이지는 교사의 업무 환경(데스크탑) 에 맞춰 UI/UX를 구성했습니다.

📚 프로젝트 소개

• 프로젝트 주제: 학생 성적 및 상담 관리 시스템
• 대상 사용자: 교사 / 학생 / 학부모
• 특징
  • 학생/학부모 페이지와 교사 페이지 분리
  • 교사 페이지는 데스크탑 중심으로 설계
  • 제공된 고객 요구사항 명세서 기반으로
    요구사항 분석 → 구현 → 테스트 → 배포까지 전체 사이클 경험
  • Jira ↔ Github 연동을 통해 Agile 로 진행

🖼️ 화면 미리보기

⚙️ 주요 기능

👩‍🏫 교사 기능

기능	설명
🔐 로그인/회원가입	자체 로그인
📊 출결 페이지	학생 출결 현황 수정
🗳️ 성적 페이지	학생 개별 성적 CRUD
🎫 상담 페이지	학생 상담 CRUD
✉️ 알림 전송	교사가 학생 정보 등록 시 학생/학부모에게 알림 전송

👨‍👩‍👧 학생/학부모 기능

기능	설명
📱 학적 페이지	학생 개인정보, 성적 및 상담 내용 조회
🗳️ 성적 조회	학생 성적 확인
💬 상담 조회	상담 내용 확인

🛠️ 사용 기술

• Language / Framework
  • TypeScript
  • Next.js
• Styling
  • Tailwind CSS
• State Management
  • Zustand
• Testing
  • Jest
• Infra / Notification
  • Firebase Cloud Messaging (웹 푸시 알림)
• Collaboration
  • GitHub, Jira, Figma

🏗️ 아키텍처

✨ 기술적 도전

1) ✅ Jest 테스트 코드 작성 & 커버리지 80% 달성

• 진행 과정

  • Jest로 테스트 코드를 작성하면서, 내부 로직뿐 아니라 렌더링 요소(UI) 까지 테스트할 수 있음을 학습
  • 수업 기준(커버리지 80% 이상)을 충족하기 위해 테스트 케이스를 세분화하여 작성

• 느낀 점

  • 규모가 커질수록 수동 테스트는 한계가 있어, 테스트 코드가 시간 절약과 안정성에 큰 도움이 된다는 점을 체감

---

2) ✅ Jira ↔ GitHub 연동 기반 Agile 개발

• 진행 과정

  • GitHub 이슈 템플릿에 Jira 티켓 번호를 포함하도록 규칙화
  • 이슈 생성 시 Jira에도 동일 이슈가 생성되도록 연동하여 추적
  • 1주 단위 스프린트 운영 + 스프린트 종료 시 회고 작성

• 느낀 점

  • 백엔드 포함 전체 진행 상황을 한 곳에서 확인 가능해 협업 효율이 상승
  • 다만 상태 업데이트를 Jira에서 별도로 해야 하는 부분이 있어 일부 불편함 존재

---

3) ✅ Firebase Cloud Messaging으로 웹 푸시 알림 구현

• 진행 과정
  • Firebase Cloud Messaging(FCM)을 활용해 웹 푸시 알림 시스템 구축
  • 포그라운드/백그라운드 알림 처리 분리
  • Service Worker 등록 이슈 해결
  • FCM 토큰을 서버에 저장/관리하는 구조 고민 및 적용