[탐나예] 프로젝트

목차
01. 현 상황 분석
02. 프로젝트 기획
03. 프로젝트 기능 소개
04. 어드민 기능 소개
05. 피드백 및 기능 점검

01. 현 상황 분석

1-1. 제주 더 큰 내일센터

• 현재 저는 제주 더 큰 내일센터라는 청년 취업 센터에서 6기 교육생으로 활동 중입니다.
• 새로운 프로젝트를 기획하는 단계에서, 외부의 문제보다는 내부의 문제를 찾고, 이를 해결하고자 하였습니다.
• 따라서 주변 문제들을 찾기 시작하였고, 센터의 공간을 사용할 때 수기로 작성하는 것에 몇가지 문제가 따라온다는 점을 알게 되었습니다.

1-2. 수기 회의 예약 시스템의 문제

• 번거로움
  예약을 하기 위해선 직접 돌아다녀야 함
  보드마카와 지우개 사용
• 불편함
  빨리 오는 사람이 예약에 유리
  예약 관리가 잘 되지 않음
  예약 현황 파악 어려움
• 혼란
  언제 적었는지에 대한 모호함
  회의실 독점
  => 따라서 이를 해결하는 회의실 예약 솔루션을 구축하고자 하였습니다.

02. 프로젝트 기획

2-1. 개발 기간

• 초기 5주 : 사용자들이 사용하는 한에서 무리가 없도록 최대한의 기능들을 구현
• 후기 2주 : 테스트 기간 및 2차 멘토링, 센터 관계자들과의 회의를 통해 좀 더 안정적이고 완성된 탐나예 구축
  

2-2. 팀원

• 총 4명의 개발자 팀원으로 구성
  

2-3. 기술 스택

• 프론트 : react를 중점적으로 사용
• 백 : spring boot를 중점적으로 사용

2-4. 초기 기획

• 로그인 페이지 : LMS와 연동하여 로그인이 편하도록 기획
  
• 메인 페이지 : 센터 내 구조 반영과 예약 만료 기능으로 한눈에 보이도록 기획
  
• 예약 페이지 : 회의실 정보 및 팀원 선택이 편하도록 기획
  
• 백엔드 : LMS의 정보를 바탕으로 DB구현
  

03. 프로젝트 기능 소개

3-1. 주요 페이지 소개

• 주요페이지는 총 5가지 화면
• 반응형 웹 구현, 모바일 환경에서도 구동 가능

3-2. 로그인

• LMS 사이트 연동
• JWT 구현 : 보안성 강화
  

3-3. 메인 페이지

• 기수에 따른 2, 3층 페이지 구분 구현
• 회의실 식별 용이를 위한 지도 구현
• 지도 내에서 버튼 활용
• 예약 가능 여부에 따른 마감 표기

3-4. 예약 페이지

• 층수 별로 구분하여 회의실 선택 메뉴 제작
• 팀원 검색 및 선택 가능
• 최대 시간 선택 제한 기능
• 예약 현황에 따른 색상 구분
• 시간 마감 처리
• 매니저는 공식 일정으로 처리되며, 이미 예약된 일정에도 덮어 씌우기 가능

3-5. 마이 페이지

• 예약에 상황에 따라 취소 여부를 다르게 구현
  

3-6. 예약 현황 페이지

• 한 페이지에서 하루 전체 예약 현황 확인
• 매니저 권한 예약은 공식일정으로 노출
• 예약 내용 클릭 시 팝업창으로 세부 예약 내용 확인 가능
  

04. 어드민 기능 소개

4-1. 어드민 관련 피드백

• 센터 관계자들과의 회의를 통해 어드민 페이지 구축이 필요한 점 확인
• 요청하는 내용을 토대로 실 사용성 강화를 위해 어드민 구축

4-2. 어드민 페이지

• 총 4가지의 페이지로 구축하였으며, 이를 기반으로 수정이 용이하도록 메인 페이지 전반적인 수정
  

05. 피드백 및 기능 점검

5-1. 피드백

• 다양한 이해 관계자와 사용자의 테스트 과정을 거친 수정

5-2. 피드백 반영 사항

• 사용자 경험에 따른 수정
• 보안 강화
• 유지 보수 강화
  

5-3. 테스트 케이스 작성을 통한 점검