⚽ 서비스명

play with (플레윗)

🎯 서비스 설명

• 풋살을 하고는 싶은데 같이 할 사람이 없거나 친구와 함께 하고 싶을 때 그런 유저들을 모아서 풋살 경기를 진행할 수 있습니다.
• 풋살팀 매칭을 구하는데 구장마다 개별적으로 연락해서 구해야하는 번거로움을 줄여주는 팀 매칭 기능이 있습니다.

🛠 개발환경

• 운영체제 : 통합개발환경(IDE) : Intellij
• JDK버전 : JDK17
• DB : MariaDB
• 빌드 툴 / 관리 툴 : Gradle, GitHub

👨‍💻 팀원

김경호(조장)

• 프로젝트 총괄
• 디자인 / 프론트
• 백엔드: 매칭게시판, 질문게시판
• 발표

김조은(팀원)

• ppt
• Erd 설계
• 백엔드: 로그인, 팀 등록 및 관리, 팀 신청 목록

고광완(팀원)

• ppt
• Erd 설계
• 백엔드: 회원가입, 마이페이지, 찜 목록

☁️ ERD

👀 시연영상


🔥 트러블 슈팅

🚨 Issue 1(김경호)

🛑 원인

• ajax사용하여 선택된 id값을 컨트롤러단에 전달이 되야되는데 전달이 안됌

🚥 해결

• 컨트롤러단에서 @ResponseBody로 받아야줘야 하는데 선언하지 않아서 에러 해결

🚨 Issue 2(김경호)

🛑 원인

• 매칭이 일자별로 나뉘어져 있어서 매칭을 생성하면 생성한 날짜별로 분류가 되고 없던 날짜면 새로 생성이 되야하고, 생성한 적이 있던 날짜면 그 날짜로 분류가 되야하는데 어떻게 해야 할 지 고민함

🚥 해결

• 날짜타입을 따로 Entity로 생성해서 Test단에서 당일 날짜 기준으로 +1일에서 2주 날짜를 생성되게 하여 해결

🚨 Issue 3(김조은)

🛑 원인

• Ajax를 구현하면서 추가적인 검증과 함께 폼이 제출되길 원했는데, 폼이 제출되버리면서 검증을 거치지 않고 페이지를 다시 로드하거나 다른 페이지로 이동하는 등의 기본 동작이 발생해버림

🚥 해결

• event.preventDefault()를 사용하여 기본 동작을 중지해 폼의 제출을 막고, 유효성 검증을 수행하여 해결

🚨 Issue 4(김조은)

🛑 원인

• POST 요청을 처리하고 나서 클라이언트를 다른 페이지로 리다이렉트해야 하는 상황에서 POST 요청으로 받은 데이터를 리다이렉트 페이지에서 사용하고 싶었는데 값 전달이 되지 않음

🚥 해결

• 인터넷 검색을 통해 POST 요청으로 받은 데이터를 리다이렉트된 페이지에서 사용하려고 할 때 RedirectAttributes를 활용하면 된다는 것을 알게돼서 데이터값을 전달받아 해결

🚨 Issue 5(고광완)

🛑 원인

• ajax로 이메일 발송하는 과정에서 계속해서 403 forbidden 발생

🚥 해결

• csrf 토큰설정을 해주지 않았기 때문인 것 인지하고 meta태그로 상단에 csrf 토큰 설정해주고 이메일 전송하는 스크립트 쪽에서 csrf토큰 가져와서 에러 해결

🚨 Issue 6(고광완)

🛑 원인

• 회원가입에서 이메일 발송후 발송받은번호 인증할때에 에러발생

🚥 해결

• 이메일 엔티티하나 만들어서 하면 쉽다는 강사님의 얘기를 듣고 새 엔티티하나 만들어서 작업하니 해결