# Web17 Liarking 첫 데모 스크립트

### 인삿말
안녕하세요! 저희는 팀프로젝트 Web 17조 버스없는팀입니다.
저희 팀은 한빈님, 수민님, 인규님 그리고 저로 구성되어 있습니다.

### 프로젝트 소개 : 이수민
저희는 간편하게 웹에서 즐길 수 있는 라이어게임을 구현해보고자 했습니다.

이번 주에 구현한 내용은 입장 페이지와 로그인 기능, 비로그인 기능, 회원가입 기능이었습니다. 그리고 게임 로비 입장 시 생성된 방을 확인하여 게임 대기 페이지를 띄우고 새로운 방을 생성할 수 있는 기능까지 구현하였습니다.

### 기능 시연
- 회원 가입 (ID가 중복인 경우, 입력 형식이 안 맞는 경우, 성공한 경우)

- 로그인 로비 입장 (ID입력 형식이 잘못된 경우, 회원가입되지 않은 ID인 경우, 로그인에 성공한 경우)

- 비로그인 로비 입장 (닉네임 입력 형식이 잘못된 경우, 비로그인에 성공한 경우)

- 로비 입장 시 react routing : 최인규

- 보신것처럼 메인 페이지 기능 수행이후 로비 페이지로 넘어가게 되는데
페이지가 넘어가는 모습은 리액트 라우터의 useHistory를 사용하여
페이지가 넘어가는 것처럼 구현하였습니다.
- 로비에서는 소켓IO를 사용하여 클라이언트가 서버에게 데이터를 요청하도록
구현하였으며 로비와 방을 구분하기 위해 로비에 넘어올때에도 소켓에서 로비가 할당됩니다.
- 이후 방으로 들어가게 되면 소켓에서 room이 할당되며 로비페이지와 마찬가지로
페이지가 넘어가는 것처럼 구현 할 예정입니다.

- 방 생성 (생성 및 생성된 방 확인) : 김한빈

- 유저가 방 생성 버튼을 누르면 서버는 방을 생성합니다.
- 그리고 서버는 생성한 유저를 로비에서 나오게 한 후 생성한 방에 할당시킵니다. 그리고 방 정보를 방 생성자를 할당시킨 그 방으로 보내줍니다. 방 생성자, 즉 방장은 방에 입장 후 받은 방 정보를 활용할 수 있습니다.
- 그리고 다시 서버는 생성한 방을 방 목록에 추가하고 로비에 대기중인 유저들이 알 수 있도록 방 목록을 로비에 브로드캐스트 합니다.
- 이 과정이 이루어지면서 방 생성이 완료됩니다.