개발 Feature

공통

VPC 설정
NginX 설정
오토스케일링?
서버 구축
- VPC & EC2 생성
- MySQL, Redis, Nginx, Docker, Nest, React 등 설치
- 보안 그룹 설정
- Docker 설정
CI/CD GitHub Action

BE

TEST 코드 작성
DB 설계 → DB 구축
- 테이블 만들기
- 제약 조건 설정 정하기
- 레포지토리 레이어 구축
- TypeORM 학습
- MySQL, Redis 구분
목 데이터 생성
- 프로그램
- 이벤트
- 장소
- 좌석
유저 인증 로직
- 로그인
- 회원가입 & 중복 회원 검증
- 로그아웃
- 쿠키 & 세션 & Redis를 통한 인증 관리
- 권한 → 어느 레벨에서 어느 권한을 줄지에 대한 플로우
유저 정보 제공
- 예매 내역
- 아이디 확인
예매 정보 제공
- DB에 있는 데이터 불러와서 제공
  - 메인 페이지 초기 정보(모든 이벤트 정보) 불러오기
예매 로직
- 이벤트 안내 페이지 접속
  - 서버 시간 전송
    - 서버 시간 조회
  - 좌석 배치도 전송
    - 이벤트 안내 페이지
  - 이벤트 정보 제공
    - 이벤트 안내 페이지
- 대기 큐 페이지 이동
  - 예매하기 버튼 클릭시 서버 입장 요청
  - 대기큐 구현
    - 입장 가능 인원 어떻게 저장할것인지
    - 입장한 인원 어떻게 저장할 것인지
  - SSE 연결
    - 대기큐에서 서버에 재입장 요청-sse
  - 대기 순서 조절 및 입장 요청
    - 대기큐에서 서버에 재입장 요청-sse
- 좌석 선택 페이지
  - 입장
    - 매수 선택
      - 예약 인원수 전달
    - 전체 좌석 정보 로딩
      - 좌석 데이터:
    - SSE 연결
      - 대기큐에서 서버에 재입장 요청-sse
  - 메인
    - 공유 자원 문제(Redis)
    - 좌석 선점
      - HTTP 요청
      - 이벤트의 특정 좌석 예약/취소 요청
    - 좌석 취소
      - HTTP 요청
      - 이벤트의 특정 좌석 예약/취소 요청
    - 좌석 현황 업데이트
      - 지속적 SSE 발행
        
        해당 이벤트의 좌석 현황 요청 - sse
  - 예매 확정
    - 예매 완료 요청
    - 검증
    - DB에 저장
- 예매 취소
  - 이벤트의 특정 좌석 예약/취소 요청
  - Soft Delete → 어느 주기로 실제 삭제를 할 것인가

FE

피그마 foundation, 컴포넌트, 페이지 제작
공통 컴포넌트 작성
- toast
- button , card,
- 좌석 배치도 ㅠㅠ
- 모달
- icon
- 캐러셀
- form, input
- divider
- selector
- drop down
page 작성 , api 연결