본문 바로가기

Project/KH.학원프로젝트

Semi-[Pictures.] 03. Theater

[ 세미프로젝트(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. 영화관 상세페이지 Theater 화면

2. 주요기능

-1) 영화관 번호를 가져와서 영화관 정보 보여주기

-2) 추가/ 카카오맵API 사용

-3) 영화관 번호에 따른 상영 정보를 가져와서 정보 보여주기

-4) 상영 정보 클릭 시, 예매화면으로 연결될 수 있도록 하기

 

3. 배운점

- 객체 내의 객체를 뿌려주고 각 정보를 받아오는 과정에 있어서 고민을 많이 함.

- 새로운 <form>을 생성하고, 폼 내의 <input type="hidden"/> 속성을 사용하여 자바스크립트로 각 정보를 주입해주어 submit 되도록 지정

- 자바스크립트의 추가적인 꼼꼼한 공부 필요성을 절실히 느낌

 

 

'Project > KH.학원프로젝트' 카테고리의 다른 글

Semi-[Pictures.] 06. ReserveThree  (0) 2020.04.22
Semi-[Pictures.] 05. ReserveTwo  (0) 2020.04.22
Semi-[Pictures.] 04. ReserveOne  (0) 2020.04.22
Semi-[Pictures.] 02. Main  (0) 2020.04.22
Semi-[Pictures.] 01. Menubar  (0) 2020.04.21