반응형

@notepad_jj2

츄르사려고 코딩하는 코집사입니다.


1. 주제

- 전국 아파트 실거래가(보증금액, 월세, 면적, 거래일자 등)를 보여주는 웹 Front-end / Back-end

 

2. 개발인원

- 4명

 

3. 개발 기간

- 2021년 4월 2일 10AM ~ 2021년 4월 2일 8PM

 

4. 사용 언어 / 툴

- HTML, CSS, JavaScript, Jquery, JSP, Java / Eclipse


1. index.jsp

- 회원과 비회원을 구분지어 회원로그인을 하게 되면, login.jsp로 이동

- 비회원 로그인을 하게 되면, list.jsp로 이동

 

2. login.jsp

- 아이디와 비밀번호를 입력 후 아이디저장 체크 버튼을 누르면 아이디가 input 태그에 저장

 

3. list.jsp

- 로그인을 한 후에 우측 상단에 로그아웃과 회원정보 수정, 회원탈퇴가 나옴.

- 비회원 로그인을 한 후에는 회원가입과 로그인 화면 출력.

- 로그아웃을 하면, Session에 저장되어 있는 정보를 invalidate하여 삭제

- 회원탈퇴를 누르면, DB와 Session에 저장되어 있는 정보를 모두 삭제한다.

회원 로그인 후 list.jsp

 

비회원 로그인 후 list.jsp

 

- 동별을 기준으로 길이라는 검색어로 검색했을 때, 길이 포함되어 있는 동의 데이터를 출력

동 검색

 

4. modify.jsp

- list.jsp에서 회원정보 수정을 누르면 modify.jsp로 이동하게 되는데, 회원 정보의 이름과 아이디, 비밀번호, 이메일, 전화번호가 나온다.

- 그 후 내용을 수정하면, DB와 Session의 값들이 변동된다.

 

5. register.jsp

- 비회원 로그인 상태에서 회원가입을 누르면 아래와 같이 나온다.

- 이름과 아이디, 비밀번호, 이메일, 전화번호를 넣고 가입하면 DB에 저장이 되고, 다시 로그인을 위해 index.jsp로 이동한다.

- index.jsp에서 로그인을 하게 되면 성공적으로 로그인이 된다.

 

 

6. 요구사항 목록

 

7. UseCase Diagram

 

8. Class Diagram


<프로젝트를 통해 느낀 점>

- 이번 프로젝트는 원래 Default로 2명이서 진행을 하는데, 더 많은 문제 해결 방법과 팀워크를 발휘하기 위해 4명으로 진행했다.

- 프로젝트의 기능과 역할을 분할하여 각자의 역할을 수행했다.

- 프로젝트를 진행하면서 프로젝트의 틀과 기능의 흐름도를 제일 먼저 이해하려고 했고, 흐름도를 통해서 스켈레톤을 하나씩 끼워 맞춰나갔다.

- 혼자서 공부하는 것보다 여럿이 팀을 맞춰 진행하는 것이 덜 스트레스를 받았고, 배워가는 것이 많았던 프로젝트다.


 

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기