Semi-[Pictures.] 07. ReserveFour

[ 세미프로젝트(http://iclasskh.iptime.org:9090/pictures/) 과정 ]

01. 메뉴바 Menubar

02. 메인화면 Main

03. 영화관 상세페이지 Theater

04. 예매단계1 ReserveOne

05. 예매단계2 ReserveTwo

06. 예매단계3 ReserveThree

07. 예매단계4 ReserveFour

08. 예매단계5 ReserveFive & Six

09. 마이페이지-예매/관람확인 MyPage-MiniView

10. 마이페이지/관리자페이지-예매상세확인 MyPage-Reserved/Admin-Reserved

 

 

1.예매4단계 ReserveFour 화면

 

2. 주요기능

1) Servlet 단계

-1. 영화관 상세보기를 통해서 넘어온 경우 역시 대비해서 나이제한 확인

-2. 영화관 상세보기를 통해서 넘어온 경우 상영관번호, 상영시간, 상영영화를 토대로 스크린번호를 찾아옴

-3. 이미 예매된 좌석 정보, 성인/청소년/시니어/장애인별 금액 정보, 영화 정보, 로그인한 회원의 등급과 그 할인율 정보도 가져옴

 

2) View 단계

-0. 좌석수는 16개 (가로4x세로4 고정)

-1. 청소년관람불가 영화의 경우, 청소년 인원수 선택 불가하도록 표현

-2. 이미 예매완료된 좌석은 선택불가능하도록

-3. 관람인원을 SELECT 박스를 활용하여 선택(최대인원 8명) 시, 선택되는 좌석 수와 비교

-4. 관람인원과 로그인한 회원의 등급에 따라 예상결제금액 역시 표기

-5. 선택된 좌석 값도 넘기기

 

 

 

3. 배운점

- JavaScript의 응용

1) querySelector

2) fragment

3) filter