36 lines (24 loc) · 1.34 KB

Quiz-React

React Library를 이용한 개인 프로젝트입니다.

본 프로젝트는 https://github.com/selloriwoo/Quiz-Spring 의 서버를 연동한 것입니다.

Package
- React-router-dom (BrowserRouter, Routes, Route, Link, useNaviagate, useLocation)
- react (useEffect, useState)
- http-proxy-middleware
- axios
html, css, javascript Library
- Bootstrap
- Google Font

상세 구현 내용

접기/펼치기

퀴즈 풀기

axios로 Restful Api를 사용하여 get 메서드로 퀴즈 문제를 불러온다.
내가 고른 선택지를 axios Post 메서드로 보내어 서버에서 내가 고른 정답과 퀴즈 정답을 비교하여 맞는지 판단.
맞으면 맞춘 문제가 1씩 증가하며 View에 현재 맞춘 개수를 보여주며 문제는 총 10문제를 풀게 만들었다.

퀴즈 결과

총 맞춘 문제 갯수를 넘겨 받아서 화면에 보여준다.