EveryFootBall | Notion

🕛 개발 기간 : 2022.3 ~ 2022.4

🗨️ Github : Repository

📜 서비스 내용

오프라인 풋살 경기를 마치 온라인 게임처럼 즐기자! 손쉬운 매칭과 개인 전적 관리까지 지원하는 서비스를 기획했습니다.

아래는 “EveryFootball” 서비스에서 제공하는 핵심 기능 2가지입니다.

로그인 및 로그아웃 로그인은 회원가입에 사용한 아이디와 비밀번호를 데이터베이스에서 비교해 일치는 정보가 조회되면 JWT를 통해 토큰을 발행하여 로그인을 시키는 방식으로 구성 되어 있고, input에 아이디와 비밀번호가 있을 때만 서버로 요청을 보냅니다. 정상적으로 응답을 받았을 때 access token과 header에 사용할 이름 정보를 가져오고 메인페이지로 라우팅 시킵니다. 에러가 발생할 땐 유저에게 에러 메시지를 보여줍니다. 로그인을 하게 되면 삼항 연산자로 헤더 부분에 로그아웃 버튼이 Ui에 생성되고 버튼을 클릭하면 서버에 요청을 보내고 access token과 이름 정보를 storage에서 비워줍니다.
회원탈퇴 confirm으로 유저에게 알람을 띄우고 확인을 누르게 되면 axios 요청을 통해 서버에서 해당 유저의 access token을 검증하고 유저의 데이터를 데이터베이스에서 삭제하게 됩니다.

매치 기록실 본 프로젝트는 경기를 관리해줄 현장 심판 제도를 운영해 해당 심판이 경기가 끝난 뒤 각 유저의 기록을 정리해 업로드하는 기능을 가지고 있습니다. 해당 기능을 통해 유저는 자신의 기록을 관리하며 몰입도를 증가시킬 수 있을 것으로 기대됩니다. 매치가 끝나고 기록된 데이터를 서버로부터 받아 와서 sort 메서드를 사용해서 총 득점수를 내림차순으로 정렬합니다. 득점왕이 최상단에 위치하게 됩니다.
유저 정보 관리

마이페이지 내에서 유저의 닉네임, 선호 포지션 등을 수정하고 개인 기록을 확인 할 수 있습니다. 수정은 아이디 체크를 통해 유저를 검증합니다. 개인 기록의 경우 서버에서 받은 데이터를 mapping하여 정보를 제공합니다.

별도의 admin 페이지 추가: 현재는 각 경기페이지에서 유저들의 성적을 기록하는 방식으로 구현되어 있습니다. 하지만 추후 별도의 admin 페이지를 추가해 전문 심판들의 편의성을 개선해보고 싶습니다.
각 경기 페이지에 채팅 서비스 추가: 각 경기에 참여하게 된 후 각 방에 유저 간 소통할 수 있는 방법이 현재는 없습니다. 이는 노쇼(no show)등 유저 간 이슈를 컨트롤하기 어렵습니다. 최소한의 채팅 기능을 두어 오프라인 상 발생할 수 있는 이슈를 방지하면 좋겠습니다