wlsgh7608 / happyhouse

HappyHouse 구해줘 홈즈

멤버

• 공진호
• 안려환

클래스 다이어그램

주요 코드

제목	파일이름	설명
html	[index.html]	메인 페이지
js	[assets/js/star.js]	관심지역과 관련된 js함수
js	[assets/js/apt.js]	아파트 관련 js
js	[assets/js/my.js]	로그인 관련 js
servlet	[DispatcherServlet.java]	컨트롤러

로그인 회원가입

회원가입

• 회원가입은 id, pw, name으로 회원가입이 가능하며 공백은 불가능하다.
• 회원가입 버튼은 중복확인을 통과해야만 클릭이 가능하다.
  

로그인

id와 pw을 이용하여 로그인이 가능하다.

로그인 성공

정보 수정

• 우측 상단의 이름으로 된 버튼을 클릭하여 정보 수정이 가능하다.
• id의 값은 변경할 수 없다.

회원 삭제

- 정보 수정 페이지에서 회원 삭제가 가능하다. - 회원 삭제의 경우 확인(confirm)창을 눌러 회원정보를 삭제할 수 있다.

아파트 데이터

• 메인 화면에서 조회 기능
  

검색화면

구현 내용	code
메인페이지 html	[public/index.html]
아파트 검색 js	[public/assets/js/apt.js]

• 검색 페이지 결과
  
• 상세 정보
  

추가

• 테이블 클릭시 해당 아파트를 중심으로 맵 이동

  

• 마크에 마우스를 갖다 대면 상세정보

  

• 구현 영상
  

관심지역

• 관심지역은 세션을 이용하여 로그인한 유저만 이용 가능하다.

• 좌측 상단의 로고 옆에 관심목록을 눌러 확인할 수 있다.

• 시, 군 ,동을 선택하고 별을 클릭하여 관심목록에 등록하거나 취소할 수 있다.

• 동까지 선택했을 때 유저가 등록한 관심지역이라면 꽌찬별을 관심지역이 아니라면 빈 별을 표시한다.

• 추가나 삭제가 일어날 시 바로 관심목록이 업데이트 된다.

• 꽉찬별일 때 클릭을 하게되면 취소 , 빈 별일 때 클릭을 하면 등록이 발생하는 토글 형식으로 구현하였다.

  

관련코드

제목	파일이름	설명
js	[assets/js/star.js]	관심지역과 관련된 js함수
servlet	[DispatcherServlet.java]	line 196 ~

구현화면