junha-ahn / classroom

side proejct - 교실 예약 서비스

We first make our habits, and then our habits make us. - John Dryden

classroom's Issues

개선사항

• Passport deserializeUser & getConnection 2번 문제
• 정적파일 요청시 deserializeUser & getConnection
• session 관리 (with Redis?)
• Campus & Building Data 세팅

퍼블리싱

메뉴 구성 및 페이지 진행도

알면 좋은 것

• 최소 크기 ex) 로그인
• 최대 크기 ex) 양 옆 여백

datepicker

• datepicker clear 버튼 겹치게

긴급

• 관리자 페이지 & 마이페이지 좌측 메뉴 style

• .lookup_select <= 클래스 명

그룹, 예약 목록등 전체에서 적용될 예정, 셀렉트 박스 개수에 따라 잘 변해야함

목록페이지는 스타일이 다 연결되있으니 셀렉트 박스 개수가 늘때마다
셀렉트 박스 크기가 잘 변해서 1줄에 잘 나오게??...
셀렉트 박스가 3개이상이면 2번째줄로 이동??...

제출 조건

진행파일

전체

• 방송대 문의 (소스코드 제출)
  => DB, 메일 정보 새로 생성
  => 소스코드 용량 문제?? (3메가..)
  => REDIS 안쓸때 이메일 인증 아예 패스하게!
  => DB 정보 살피기, 예약 시간등... => knou test 로..

• 예약, 강의실 권한 체크

• 스타일 체크

1. 크롬
2. IE 11

퍼블리싱

• RADIO 버튼 스타일
• 필수값 표현
• datepicker clear 버튼 겹치게..
• css 최소/최대 크기
• left info (예약) 창 바꾸면 글자 이상해짐 !

Back & Front

• IE datepicker 문제!
• 휴일/ 시간 페이지
• 휴일 > disable => 수정
• sort 체크
• max/min length.. (값체크)
• 관리자 메인
• 모든 페이지 class title 체크..
• 마이페이지 => 내예약 => 내예약 버튼 X
  => building_id 가 없고 내 예약이 아닐때 error 페이지로..
• isLoggedIn 함수 render 중인데... api 랑 page 요청이랑 구분할것 (json 요청시.. page return 함)
• block (타임/교실) 적용 시키기
  1. 예약 목록...

개선점

• 상세 조회시, 생성자(User) 정보등... 클릭시 이동 가능화

1. 예약 페이지 (rsv 생성자)
2. 스터디 페이지 생성자, 스터디 가입자 목록
3. 특정 회원의 예약 목록 (검색창)

• 유저, 교실 페이지

Last

필수

1. 스타일 체크

• 크롬
• IE11

2 . 최종 테스트

• knou 계정 사용
• 휴일/시간 설정
• 강의실 예약 설정
  • 취소 가능 일자
  • (자동/수동) 승인, 취소 승인
• 예약 선점 처리

3. 발표자료 (파워포인트)
   ※ 개발목적 및 배경, 내용 및 방법, 프로그램의 구조, 실행 예, 결론은 필수
    

퍼블리싱

• 익스플로러에서 모바일 메뉴 안나오는 상태 => IE는 모바일이 없다!
• left info (예약) 창 바꾸면 글자 이상해짐 !
• 모든 페이지 class title 체크..
• RADIO 버튼 스타일
• 필수값 표현
• datepicker clear 버튼 겹치게..
• 모든 글자 반응형.. (모바일)
• css 최소/최대 크기

Back & Front

• building_id 가 없고 내 예약이 아닐때 error 페이지로..

• isLoggedIn 함수 render 중인데... api 랑 page 요청이랑 구분할것 (json 요청시.. page return 함)

• block (타임/교실) 적용 시키기 (예약 목록...)

• 모바일 접속시 안내 메세지!

• 예약 취소도 승인이다...

• 예약 페이지 타임블럭 멀리떨어진것도 잘 파악하나요?

• 로그아웃 후, 뒤로가기 시 json.. data.. => 로그아웃을 ajax/ reload 로??

• textarea 줄바꿈 처리

• 모달 cookie 사용 (하루동안 안보기?)

• lookup 테이블 글자 길어질때 ... 효과 (주 : 예약)

• lookup 테이블 내용 없다면, 내용이 없습니다??

• 유저, 교실 페이지

  • 캠퍼스,학습관 선택가능화.. => 교실을 찾아보고 예약할 수 있어야함

개선

1. reservation lookup component 화

Back & Front

전체

• 알림 component 화 후, header 에 포함 (ajax 이용)
• 예약 권한, 요청 일자 등 설정값 체크
• sort_key (정렬) 체크
• 예약시 타임블럭이 멀리떨어져있을때 처리.. (무조건 설정 시간값으로만??)

Back

• 유저, 그룹, 교실 삭제 처리 (date_deleted)
• Redis ENABLE 0 처리
• page & page_length 값 체크 (첫 미들웨어?)
• 관리자 예약 상태 승인으로 변경할때 기존에 승인된 예약이 있는지 체크

Front

• 상단 메뉴 => 메인/예약 분리 (비회원 building_id 처리?)
• 수정시, 취소 버튼
• 폼 밸리데이션
• 필수값 표현 (화면단)
• Select 태그 기본 메세지
• Select 태그 기본 선택값 (로그인시 / 전체 선택일 경우 구분)
• 그룹, 유저 정보등 클릭시 이동

관리자 스케쥴

• 휴일
• 시간

예약

• 예약 성공시, 상세 조회 페이지로 이동! (insertId)
• 예약 목록 component EJS 재사용가능화
• 예약 싱글 component로 개발
• 예약시, 본인 정보 불러오기 (대표자 / 유저 페이지)
• 예약 목록 (강의실 목록 / 층별?) => 매 조회시 , 스터디그룹강의실 정보를 긁어와야함
• 예약 싱글 상태 > 버튼 화
• 예약 작성/수정 (관리자)

예약

• 교실 목록 EJS화, 교실 component화 =>
• 유저 교실 목록과 상세 페이지를 볼 수 있게?

유저 예약 요구 사항

• mysql TZ = Seoul

UTC -> Seoul -> UTC

• 예약 인트로/write/lookup 분리
• 예약 메뉴 버튼 이동 처리
• 교실 설정에 따른 예약 가능/ 불가능 처리

달력

• (Back) 휴일 시작~종료일
• Disabled, Highlighted
• 휴일 Month Chage 조회?
• 휴일 클릭시 메세지
• 예약시 달력 오늘 이전, 비활성화
• 예약시 달력 이전/다음달 버튼 처리
• 예약 지정 휴일과 이전 휴일 구분
• 예약 가능 최소 일자
• DT => 빌딩 휴일 조회

시간

• 예약 가능 시간이 없을경우, return
• object value on change => class change
• 타임블럭 클릭시, 시간 string 비교 후 리셋 (start_time,end_time)
• 타임블럭 클릭시, 연속 클릭 관련 처리
• 예약 가능 시간은, 예약 목록을 조회 후..
• is_active에 따른 연속 선택 불가 처리

교실

• 'DT' => min_date 기본 1일
• 'DT' => 선택한 날짜/시간에 맞는 교실
• 'DT' => 선택한 날짜 : 휴일 검사, 선택한 시간 : 예약목록
• 강의실 선택시 "유저/관리자로 로그인" 메세지 등 여러 메세지 처리!

버그

퍼블리싱

• 모바일 환경 메뉴
• (IE) 스터디 그룹 목록 페이지 태그 오류 (콘솔창)

프론트

• 스터디 그룹 수정 제출시
• queryString parse

백

• 실서버 환경 TZ 체크
• 로그인 필요 응답 error.ejs 이용

목표

관리자 유저

• 유저 목록

• 관리자 / 회원 선택 가능화

• 유저 상세

관리자 강의실

• 강의실 목록

• 층 선택(select group by 'floor')/ 교실 카테고리(info) 선택 가능화

• 강의실 상세

그 외

상세 페이지 => 수정 페이지로 넘어가는 작업을 하기 위해서는
Vue Component 의 대한 이해가 필요할것 같습니다

[ 참고 파일 ]
1. views/component/group_input.js
2. views/group.js