7. 0817_팀플 1일차
웹프로그래밍
* 기술
- 클라이언트 기술 & 서버측 기술
- Front End & Back End
- Full Stack
* 클린 코드화 & 리팩토링
------------팀프로젝트 개요-------------
화면의 갯수는 몇 개로?
네비게이션바에서 버튼 누르면 그에 맞는 화면으로 전환되게 하기
- 특히 로그인/회원가입 화면
1. 로그인화면/상단에 영화관 로고/ 회원가입버튼 - 세션 사용하기
2-1. 영화정보(영화포스터, 제목) - 하단에 다음 버튼, 배열에 저장,
2-2. 상영시간표(저번 과제 점심메뉴 선택박스 방식으로)
- 좌석 10열 15줄 (랜덤 또는 선택) 지정
3. 회원가입 화면 (일단 폼만) --> (수정) 회원가입(이름, 나이, 아이디, 패스워드) 정보 입력 후 회원가입 성공 alert을 띄우고 데이터베이스에 저장되도록 sql문 작성
- create table member
4. 예약확인창 - 내역삭제, 수정(다시 선택)
예약
영화조회 삭제 수정
- 코드
- 부트스트랩 화면
- 영화정보 테이블 만들기, 발표자료 피피티
영화정보 10개
전체 들여쓰기 맞추는 단축키 : ctrl+shift+F
----------------------------------------------------------
UI
- Material Design
- Component들의 조합으로 화면을 바라볼 필요가 있다.
DB
- DDL Script를 만들어두면 바람직하다.
Login - 인증
- DB에 넣어두고도 인증하지만
- 네이버, 카톡, 구글, 페북으로 인증하기도 한다.(요즘 추세)
형상관리
- 코드의 버전관리
- 도구
* Github & Subversion
------------------------------------------------------
회원가입 action=join.jsp
join.jsp에서 회원가입 정보 입력 - DB에 데이터 넣고
join-action.jsp에 DB연결, sql문, 데이터 보내줌
forward page=login-form.jsp
로그인 시 login-check.jsp
로그인 정보가 저장된 데이터와 다를 경우 alert
* 테이블
1. 로그인정보
2. 예매시간
3. 영화정보(이름, 아이디(프라이머리 키로), 총상영시간)