위시캣에 나오는 요청 프로젝트를 참고하여 헬스장의 회원 관리 웹 애플리케이션을 개발하게 되었습니다. Spring Framework를 활용해 MVC 구조를 갖게 했으며, Ajax를 이용해 비동기 통신이 가능하도록 했습니다.
일반 회원과 트레이너를 구분하여 일반 회원은 단순 조회만 가능하고, 트레이너가 회원을 선택하여 정보를 입력할 수 있는 구조로 설계하였습니다. 회원 가입 시 아이디의 중복 체크가 가능하도록 했으며, 서버로 정보를 전송하기 전에 입력된 정보의 유효성을 확인하도록 Javascript와 HTML5의 요소를 사용했습니다. 회원 정보 조회와 입력, 수정 시 서버와 비동기식으로 통신하여 페이지가 변하지 않도록 했습니다. 오픈 소스인 Chart API를 이용하여 회원의 몸무게 변화 추이를 효과적으로 시각화 했습니다.
시연동영상: https://youtu.be/3wh0xxRACNk
참고: http://elgrace316.cafe24.com/ahm_project/loginForm.do