프로젝트의 홈페이지입니다.
Spring Boot, MySQL 기반으로 회원가입, 로그인, 게시판 기능을 구현하였고
API-Football에서 제공하는 데이터를 jQuery - AJAX로 가공하여 축구 팬들의 주요 관심 리그 및 컵 대회 일정, 결과, 순위 등을 확인할 수 있는 사이트를 제작하였습니다.
리그 현황을 확인할 수 있는 페이지입니다.
해당 리그의 모든 경기 주요 데이터, 순위를 구현했습니다.
경기 세부 지표를 확인할 수 있는 페이지입니다.
해당 경기에서 기록된 여러 데이터와 선발 출전 선수 및 교체 선수 등을 구현하였습니다.
코인상점 페이지입니다.
코인을 소모하여 다양한 상품을 구매할 수 있도록 구현 중입니다.
회원가입 페이지입니다.
입력한 개인정보는 DB에 저장됩니다.
로그인 페이지입니다.
입력한 Id, Password는 Controller, Service를 거쳐 DB에서 회원 데이터를 return 하여 Session에 설정합니다.
사용자가 Id, Password를 기억하지 못하는 경우를 위해 오른쪽 아래 아이디, 비밀번호 찾기 기능을 구현 중입니다.
회원 개인정보 페이지입니다. DB에 저장된 회원 데이터를 출력합니다.
오른쪽 아래 '회원정보수정' 버튼을 클릭하면 개인정보를 수정할 수 있는 페이지로 이동합니다.
출석체크 버튼을 클릭하면 20코인을 획득할 수 있으며 코인은 상점에서 상품을 구매하는데 사용 가능합니다. 현재 버튼 활성화 하루 1회 제한 기능을 구현 중이며 코인 베팅 시스템도 기획 중입니다.
게시판 페이지입니다.
DB에 저장된 게시글들을 출력합니다.
로그인 후 게시글 작성이 가능합니다.
게시글 작성 페이지입니다.
입력한 제목과 내용은 DB에 저장됩니다.
게시글 내용은 TOAST UI Editor를 활용하여 편집할 수 있도록 구현하였습니다.