Javascript Project 3 . 영화관 좌석 예약
영화관 좌석 예약시스템 만들기
- 이용자가 원하는 영화를 선택후 해다 영화금액에 맞춰 금액이 책정
- 선택한 좌석의 수가 하단에 업데이트
- 웹스토리를 이용해서 사용자가 선택했던 좌석을 임시저장 (새로고침해도 사용다시 재확인할 수있다)
- 이미 예약된 좌석은 선택이 불가능
CSS
- perspective를 사용해 스크린모양에 원근법을 적용
- rotate를 이용해 스크린의 각도조절. 기울기조정
- select박스 디자인변경 (네이티브지원모양 해제)
JS
- localstorage 사용 : 키의 값을 사용해 이용자가 선택한 좌석 정보가 남아있게한다.
- 로컬스토리지를 통해 읽어온 좌석정보를 자바스크립트 객체로변환
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
'* > Project' 카테고리의 다른 글
| Team Project : DB연동/left join/ select option값 불러오기/ 코드분리 (0) | 2021.05.24 |
|---|---|
| Javascript Project 6. 탁구점수판 (0) | 2021.05.15 |
| Team Project : 오타 /getParameter 파싱오류 / id값 전달/ 동일한 클래스선택 (0) | 2021.05.12 |
| Team Project : 개별id값불러오기/hidden input태그 (0) | 2021.05.07 |
| Javascript Project 5 . 요리검색 (0) | 2021.05.05 |
| Javascript Project 4 . 비디오 플레이어 (0) | 2021.05.02 |
| Javascript Project 2 . 슬라이드 네비게이션 & 팝업 (0) | 2021.04.29 |
| Javascript Project 1 . 회원가입양식 및 유효성검사 (1) | 2021.04.29 |