예약하기

TASK 설명

1

인원
- +을 누르면
  - 숫자가 증가한다
  - 인원에 맞게 해당 금액이 하단에 표시된다.
  - on_color 클래스를 제거한다.
- -을 누르면
  - 숫자가 감소한다
  - 인원에 맞게 해당 금액이 하단에 표시된다.
  - 0이면 -버튼, 인원 표시 영역이 disabled된다.
  - on_color 클래스를 추가한다.

2

애매자 정보
- 필수 정보는 반드시 입력해야 한다.
  - 네이버 회원 API를 이용하여 기본 정보를 얻을 수 있다면 default value를 화면에 표시해준다.
- 연락처와 이메일은 유효성 검증을 한다.
- 예매내용에서 총 매수는 인원을 바탕으로 동기화되어야 한다.
- 약관 정보을 확인하면
  - open 클래스를 추가하여 활성화 한다.

3

모든 정보가 valide하다면, disable을 제거하여 예약하기 버튼을 활성화 한다.

학습 유닛

FE

JS

prototype/prototype chaining의 이해 (오프라인)
EventEmitter을 사용하여 컴포넌트 형식으로 만든다. (오프라인)
- +/-을 event로 처리한다.
정규식의 이해

BE

AOP
slf4j

도전 과제

FE

앞에서 만든 Flicking을 EventEmitter로 구현하기