main page in prototype:

generate timeline with arbitary opening hours
set arbitary reservcation state
arbitary table quantity

Role of main page

reservationList의 reservation들을 날짜로 필터링하여 HTML table로 보여줌
show if the time is reserved in opening hours timeline

How I link js storage and HTML

When user inquires specific date, save reservations to array which have same date with the date.
With the array, it can be set the timeline blocks which are representing reservation status

페이지에 요구되는 능력

generate timeline of restaurant openning hours
get table list
check reserved time and table
mark reservation in timeline
search reservation by date

What reservation storage should have

• table list(for table quantity)
• openning hours
• reservation list(reserved date and time)
• search reservation by date
  
  

그래서 한 마디로...

현재 날짜를 default로 하여 main page를 구성한다.
reservation list 중 현재 날짜를 가진 것을 조회하여 HTML table을 구성한다.
특정 날짜 검색 시 해당 날짜의 reservation을 모아 HTML table을 구성한다.