2023.04.25) 항해 79일차 (실시간 시간에 따른 예약 유무 확인)

회의실 예약을 하게 되면 예약한 날짜와 회의 시작, 끝 시간이 들어오게 된다.

현재 시각에 따른 예약 유무를 확인해야해서 고민을 해봤다.

들어오는 데이터를 어떻게 가공을 하고 회의 중인 저 시간에 어떻게 예약 유무를 보여 줄 것인지 고민을 했다.

 

정리를 해서 해야한 고민을 적자면,

1. {start: '2023-04-25T13:00', end: '2023-04-25T13:59'} 이렇게 들어오는 데이터에서

날짜와 시간을 따로 꺼내서 어떻게 가공해 쓸 것 인지.

2. start와 end의 시간 사이에 현재 시각이 위치 한다면 어떻게 구분해야할지.

3. 현재 시간은 어떻게 받아와야 할지.

4. 어떻게 예약 유무를 회의실 요소에 표현할 것인지.

들어오는 데이터와 표시하는 모습

이 고민을 해결하기 위해서

1. 데이터를 T로 잘라서 앞은 날짜로 저장하고, 뒤는 :로 다시 나눠서 시간 부분만 저장했다.

2. 분까지 계산할 필요는 없고, 시간만 생각하면 될 것 같다고 판단하여 분은 사용하지 않기로했다.

3. 현재 시간은 getData로 현재 연도, 월, 일, 시간, 분을 반아와서 날짜와 시간에 각각 저장하였다.

형식은 회의실 예약 데이터에 넘어오는 데이터와 형식을 맞추었다.

4. 현재 날짜,시간과 예약된 날짜, 시간을 검사하여 회의실 예약 유무를 임시로 보여주었다.

예약이 있다면, 현재 날짜와 같은지 검사하고 같다면 같은 시간이 있는지 검사하여 있다면 배경색을 변경하도록 표시하였다.

 

아직은 완벽하지 않기 때문에 내일 다시 점검해보고 제대로 연결해보려고 한다.