친구들이랑 놀러가서 인물퀴즈 하려고 만든 프로젝트
디펜던시 설치
npm i
실행
npm start
- 파일 선택 클릭해서 csv 파일을 선택한다.
- csv 파일은 첫번째 열에는 image url, 두번째 열에는 이미지의 정답을 적으면 된다.
- 파일 확장자는 csv 만 가능하다. 엑셀로 작성한 후
csv 로 내보내기
를 클릭하면 된다. - 메모장으로 쓴다면 url, image 사이를 공백 없이
콤마(,)
로 구분하고 각 행은엔터(\n)
로 구분하면 된다. - 파일의 입력 구조가 비정상적이거나, 빈행, 빈열이 있으면 정상 동작하지 않을 수 있다.
- 추후에 에러 처리를 할 예정
- 옵션 선택을 한다.
- 타이머 시간, 문제 순서를 섞을지, 그대로 할지 결정한다.
- 아직 문제에 반영되지 않았으며 추후 수정 예정이다.
- 완료를 누른다.
- 이미지 로딩 후 시작 버튼을 클릭한다.
- 게임을 한다.
- 라운드 시작, 재시작, 일시 정지, 정답 공개 기능을 추가할 예정이다.
- 모든 라운드가 끝나면 맨 처음 설정으로 돌아간다.
- Round component
- Countdown component
- 출제 순서 랜덤으로 섞기
- 라운드 시작, 일시정지, 재시작, 정답 보기 Controller component
- style