발품 포트폴리오

발품
빅데이터반 final project
development period. 3 weeks
team. 엄상원 문병용 정덕찬 이현원
더이상
허위매물에
발품팔지 말자!
1

2
CONTENTS
1프로젝트 개요
프로젝트 목적
2프로젝트 설계
DATABASE 구조
3프로젝트 구현
STORY BOARD
4시연
Develop Environment
개발 일정 참고 사이트
다이어그램
시퀀스 다이어그램 클래스 다이어그램
5개발 후기
요구사항분석

1프로젝트 개요
프로젝트 목적 Develop Environment
개발 일정 참고 사이트

프로젝트 개요 - 목적 및 개발환경
4
소비자 중심의 부동산 홈페이지 개발
LANGUAGE : JAVA, JSP, HTML5, JAVASCRIPT(JQUERY), CSS, AJAX
API : GOOGLE MAP API, DAUM 주소검색 API, 서울시 공공데이터(서울시 병원현황)
SERVER :TOMCATV9.0
DB : ORACLE DB, MONGO DB
FRAMEWORK : SPRING, MYBATIS, BOOSTRAP
PROJECT SHARE : GITHUB
목적
Development Environment

프로젝트 개요 - 개발 일정
5
1주차 2주차 3주차
3월 4월
13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2
주제선정및
기획
프로토타입 구현
(DB/Class/UI 설계)
프로그램 코딩
테스트 / 디버깅
초기데이
터확보(크
롤링)
발표준비

프로젝트 개요 - 참고 사이트
6

2프로젝트 설계
DATABASE 구조 요구사항분석
다이어그램 시퀀스 다이어그램
클래스 다이어그램

데이터베이스 (오라클) ROOM 테이블
8
COLUMN_NAME DATA_TYPE NULLABLE COMMENTS
SELL_NUM NUMBER(10,0) NOT NULL 매물번호(기본키)
ID VARCHAR2(100) NOT NULL ID(EMAIL형식)
B_RINFO VARCHAR2(1000) 방 정보
B_RKIND VARCHAR2(1000) 방 종류
B_LONGITUDE NUMBER(20, 17) 경도
B_LATITUDE NUMBER(20, 17) 위도
B_LHOK VARCHAR2(100) LH 가능여부
B_SIZE NUMBER(7, 3) 방 사이즈
B_OPTION VARCHAR2(100) 방 옵션
B_LOCATION VARCHAR2(100) 방 위치
B_DETAIL CLOB 방 상세 정보
B_DEPOSIT NUMBER(5, 0) 보증금
B_PETPOSSIBLE VARCHAR2(100) 반려동물
B_ENTERDATE VARCHAR2(1000) 입주 가능일
ROOM

데이터베이스 (오라클) ZZIMLIST 테이블
9
SESSIONID VARCHAR2(50) 찜 누른 아이디
B_RKIND VARCHAR2(1000) 방 종류
B_LONGITUDE NUMBER(20, 17) 경도
B_LATITUDE NUMBER(20, 17) 위도
B_LHOK VARCHAR2(100) LH 가능여부
B_SIZE NUMBER(7, 3) 방 사이즈
B_OPTION VARCHAR2(100) 방 옵션
B_LOCATION VARCHAR2(100) 방 위치
B_DETAIL CLOB 방 상세 정보
B_DEPOSIT NUMBER(5, 0) 보증금
B_PETPOSSIBLE VARCHAR2(100) 반려동물
B_ENTERDATE VARCHAR2(1000) 입주 가능일
ZZIMLIST

데이터베이스 (오라클) AGENT 테이블
10
BK_REGNAME VARCHAR2(100) 등록인 이름
BK_PASSWORD VARCHAR2(100) 패스워드
BK_OFFICENAME VARCHAR2(100) NOT NULL 부동산 이름
BK_NUM VARCHAR2(100) 부동산 전화번호
BK_EMAIL VARCHAR2(100) 부동산 이메일
BK_CONTACT VARCHAR2(100) NOT NULL 등록인 전화번호
BK_AGENTNUM VARCHAR2(100) 중개사 사업 번호
BK_ADDRESS VARCHAR2(1000) NOT NULL 부동산 주소
AGENT

데이터베이스 (오라클) JOIN && RCOMMENT 테이블
11
TELENUM VARCHAR2(50) NOT NULL
PASSWORD VARCHAR2(50) NOT NULL
JOINDATE DATE NOT NULL
ID VARCHAR2(20) NOT NULL
EEMAIL VARCHAR2(200) NOT NULL
RSYSDATE DATE NOT NULL
ROOMNUMBER NUMBER(30, 0) NOT NULL
RCOMMENT VARCHAR2(500) NOT NULL
NUM NUMBER(30, 0) NOT NULL
EMAIL VARCHAR2(100) NOT NULL
JOIN
RCOMMENT

데이터베이스 (오라클) NEWS && MESSAGE 테이블
12
REGISTR VARCHAR2(100) NOT NULL
MSYSDATE DATE NOT NULL
MSG_SEQ NUMBER NOT NULL
MASSAGE VARCHAR2(500) NOT NULL
EMAIL VARCHAR2(50) NOT NULL
URL VARCHAR2(200) NOT NULL
TITLE VARCHAR2(200) NOT NULL
DATES DATE NOT NULL
NEWS
MESSAGE

데이터베이스 (오라클&&MongoDB) PICTURE 테이블
13
SELL_NUM NUMBER(10, 0) NOT NULL 방 번호
ID VARCHAR2(1000) NOT NULL 등록인 아이디
COLUMN_NAME DATA_TYPE COMMENTS
NUM STRING SELL_NUM저장(폴더명)
PICTURES ARRAY 다수의 이미지 경로저장
PICTURE

데이터베이스 (오라클&&MongoDB) INFO 테이블
14
TITLE VARCHAR2(1000) NOT NULL 공지사항 제목
NUM NUMBER(10, 0) NOT NULL 공지사항 번호
ID VARCHAR2(200) NOT NULL 등록인 아이디
COLUMN_NAME DATA_TYPE COMMENTS
NUM INT32 INFO테이블의 NUM
DETAIL STRING NUM에 해당하는 공지사항
INFO

다이어그램 비회원
비회
원
뉴스확인
방검색
회원가입
중개
사
개
인
방정보확인
공지사항
최근본방

다이어그램 개인회원
개인회원
뉴스확인
방검색 회원가입
방정보확인
공지사항
개인
로그
인
최근본방
찜기능
찜목록
확인
개인
회원탈
퇴
개인
정보수
정
매물등록
등록매물
확인

다이어그램 중개사회원
중개사회
원
뉴스확인
방검색 회원가입
방정보확인
공지사항
최근본방
찜기능
찜목록
확인
중개사
회원탈
퇴
중개사
정보수
정
매물등록
등록매물
확인
중개
사
로그
인

다이어그램 관리자계정
관리자 계
정
뉴스확인
방검색 관리자 로그인
방정보확인
공지사항
최근본방
찜기능
찜목록
확인
관리자
회원탈
퇴
관리자
정보수
정
매물등록
등록매물
확인
뉴스
등록
공지사
항
등록

요구 사항 분석 - 사용자
19
USE
CASE
회원가입
설명 로그인을 하기 위한 회원가입
사전 조건 비 로그인 상태
사후 조건 회원가입 성공
기본 흐름 ACTOR SYSTEM
1. 회원가입을 위한 정보 입력
2. 회원가입 요청
3. 입력한 정보 확인
4. 회원가입
5. 회원가입 완료 메시지 호출
예외 발생
이미 존재하는 이메일인 경우
이메일란에입력한정보가이메일형식이
닌경우
입력란이 비어있을 경우
비밀번호가 일치하지 않을 경우
이메일 중복경고 메시지 호출
경고 메시지 호출
입력 메시지 호출
비밀번호 불일치 메시지 호출

20
USE
CASE
로그인
설명 홈페이지 이용을 위한 로그인
사전 조건 비 로그인 상태
사후 조건 로그인 성공
1. 사용자 아이디, 비밀번호 입력
2. 로그인 요청
3. 입력한 정보와 DB에 저장되어 있는
보 확인
4. 로그인된 메인화면 호출
예외 발생 입력한 정보가 잘못된 경우 로그인 실패 메시지 호출

21
USE
CASE
사용자 정보수정
설명 사용자 정보수정
사전 조건 로그인 상태
사후 조건 사용자 정보수정 성공
1. 수정할 사용자 정보 입력
2. 정보수정 요청
3. 수정된 사용자 정보 저장
4. 메인화면으로 이동
예외 발생
변경전 비밀번호와 입력한 비밀번호가 맞
지 않는경우
변경할 비밀번호와 확인용 비밀번호가 맞
지 않는경우

22
USE
CASE
회원탈퇴
설명 사용자 회원탈퇴
사후 조건 회원탈퇴 성공
1. 회원탈퇴 요청시 콘솔창에서 비밀
번호 입력
2. 회원탈퇴 요청
3. 입력한 비밀번호 확인
4. 회원탈퇴 완료 메시지 출력
5. 메인페이지 이동
예외 발생
비밀번호를 잘못 입력했을 경우
탈퇴처리를 위한 비밀번호와 확인용
밀번호가
서로 다를 경우

23
USE
CASE
방검색
설명 원하는 매물을 찾기 위한 지역명 또는 지하철역명으로 방검색
사전 조건 비 로그인 상태, 로그인 상태
사후 조건 검색한 위치로 맵 이동 및 해당 지도 범위 내에 등록된 방정보 리스트 출력
1. 희망 지역명 또는 지하철역명 입력
2. 방검색 요청
3. GOOGLE api로 지역명 정보 요청
4. 수신 데이터를 기반으로 검색 위치로
지도 이동
5. 지도범위내에 있는 방리스트 출력
예외 발생
잘못된 키워드로 검색할 경우
GOOGLE api KEY가 만료된 경우
에러페이지로 이동

24
USE
CASE
방상세정보 조회
설명 관심가는 매물의 상세정보를 조회하고 싶은 경우
사전 조건 로그인여부 상관없이 방검색/찜목록/최근본방에서 원하는 방을 선택한 경우
사후 조건 해당 매물의 상세정보 화면 출력
1. 관심있는 매물을 리스트에서 선택
2. 선택된 매물번호에 해당하는 DB를
져와 출력
3. 해당 매물을 등록한 등록인 정보 및
당매물에 등록된 댓글 출력
예외 발생 해당사항 없음 해당사항 없음

25
USE
CASE
찜등록하기
설명 관심매물을 찜등록하여 따로 보관하려할 때
사후 조건 찜등록 성공
1. 방정보 상세화면에서 찜버튼 클릭
2. 찜등록 요청
3. 해당 매물번호를 DB에 저장
4. 찜등록 완료 메시지 호출

26
USE
CASE
찜해제하기
설명 찜목록에 등록된 방을 해제할 떄
사후 조건 찜해제 성공
1. 방정보 상세화면에서 찜버튼 클릭
2. 찜해제 요청
3. 해당 매물번호를 DB에서 삭제
4. 찜해제 완료 메시지 호출

27
USE
CASE
등록인 연락처보기
설명 매물관련 문의를 위해 해당 매물 등록인의 연락처 보기
사전 조건 로그인 여부 상관없음
사후 조건 연락처 팝업창 출력
1. 방정보 상세화면에서 연락처버튼
클릭
2. 해당 매물 등록인의 연락처 팝업창
력

28
USE
CASE
댓글등록
설명 매물관련 후기나 평을 직접 작성할 경우
사후 조건 댓글 등록완료
1. 방정보 상세화면에서 댓글-등록버
튼 클릭
2. 댓글 작성 후 등록요청
3. 댓글내용을 DB에 저장
4. 등록완료 팝업창 출력

29
USE
CASE
댓글삭제
설명 자신이 등록한 댓글을 삭제하려는 경우
사후 조건 댓글 삭제완료
1. 방정보상세화면에서댓글-삭제(X)버튼
클릭
2. 댓글 삭제요청
3. 댓글내용을 DB에서 삭제
4. 삭제완료 팝업창 출력

30
USE
CASE
최근본방 확인
설명 브라우저 상에서 확인했던 방들을 다시 보고자 할 때
사전 조건 로그인 여부 상관없음
사후 조건 최근본방 목록출력
1. 한 번 이상 상세화면으로 조회된
들의 번호를 쿠키에 저장
2. 최근본방 버튼 클릭(요청)
3. 쿠키 내용 확인
4. 쿠키에저장된매물번호에해당하는방정
보읽어오기
5. 최근본방 화면에서 리스트 출력
예외 발생 해당사항없음 해당사항없음

31
USE
CASE
방등록
설명 판매하고자 하는 매물 등록
사후 조건 방등록 성공
1. 방등록을 위한 방정보 입력
2. 방등록 요청
3. 입력한 정보 확인
4. 회원가입
5. 회원가입 완료 메시지 호출
예외 발생 방정보들을 모두 입력하지 않은 경우 경고 메시지 호출

32
USE
CASE
등록매물관리
설명 자신이 등록한 매물을 관리하고자 하는 경우
사후 조건 등록리스트 출력
1. 등록매물관리 리스트 요청
2. 해당 계정으로 등록된 매물을 DB에
읽어오기
3. 리스트 출력

33
USE
CASE
등록매물삭제
설명 자신이 등록한 매물이 판매되어 삭제하고자 하는 경우
사후 조건 등록매물 삭제 성공
1. 등록매물관리 리스트에서 판매완
료 요청
2. 해당 매물정보를 DB에서 삭제
3. 판매완료성공 팝업창 출력

34
USE
CASE
뉴스확인
설명 등록된 뉴스를 확인하고자 하는 경우
사전 조건 로그인여부 상관없음
사후 조건 뉴스 리스트 출력
1. 메인화면에서 뉴스 선택 2. 해당 뉴스 웹페이지로 이동

35
USE
CASE
공지사항 확인
설명 등록된 공지사항을 확인하고자 하는 경우
사전 조건 로그인여부 상관없음
사후 조건 공지사항 리스트 출력
1. 메인화면에서 공지사항 선택 2. 해당 공지사항 페이지로 이동

요구 사항 분석 - 관리자
36
USE
CASE
뉴스 등록
설명 최신뉴스를 등록하고자 할 때
사전 조건 관리자 로그인 상태
사후 조건 뉴스 등록 성공
1. 뉴스 제목 및 URL 입력
2. 뉴스 등록 요청
3. 입력한 정보 DB에 등록
4. 등록 완료 메시지 출력

37
USE
CASE
뉴스 삭제
설명 등록된 뉴스를 삭제하고자 할 때
사후 조건 뉴스 삭제 성공
1. 뉴스 더보기 화면에서 뉴스 삭제
청
2. 해당 뉴스 정보 DB에서 삭제
3. 삭제 완료 메시지 출력

38
USE
CASE
공지사항 등록
설명 공지사항을 등록하고자 할 때
사후 조건 공지사항 등록 성공
1. 공지사항 내용 입력
2. 공지사항 등록 요청
3. 입력한 정보 DB에 등록
4. 등록 완료 메시지 출력

39
USE
CASE
공지사항 삭제
설명 공지사항을 삭제하고자 할 때
사후 조건 공지사항 삭제 성공
1. 공지사항더보기화면에서공지사항삭
제요청
2. 해당 공지사항 DB에서 삭제
3. 삭제 완료 메시지 출력

시퀀스 다이어그램(공통)
40

시퀀스 다이어그램(마스터)
41

시퀀스 다이어그램(마스터)
42

시퀀스 다이어그램(중개사)
43

44

45

46

47

48

클래스 다이어그램(공통)
49
지도초기 데이터 등록

50
Main_controller

51
방 검색

52
방 상세정보
최근 본 방

클래스 다이어그램(개인 회원)
53
개인 회원 가입
개인 회원 로그인

54
개인 회원 정보 수정
개인 회원 매물 등록 확인

55
개인 회원 탈퇴

클래스 다이어그램(중개사)
56
중개사 회원 가입
중개사 로그인

57
중개사 회원 정보 수정
중개사 매물등록확인

58
중개사 회원 탈퇴

클래스 다이어그램(회원 공통)
59
방 등록

클래스 다이어그램(회원 공통)
60
로그아웃
찜 등록

3프로젝트 구현
STORY BOARD

62
마우스 리스너를 통해 매물의 위치를 실시간으로 제공

63
전체 지도와 총 개수 표시 기능

64
방 검색 해야지
검색창에 강남역을 쳐 줍니다

65
강남역 검색 결과 가 뜹니다
(전체 방 수는 21개가 강남역 근처로 검색 되었습니다)

66
원하는 정보는 원룸(오픈형)이라서 원룸으로만 검색 줍니다
총 6개의 검색 결과가 검색 되었네요

67
차가 있으니 주차 가능한 곳도 필터해서
검색 해 주었더니 5개가 나왔네요

68
방 5개중 내가 원하는 방의 위치를 볼수있습니다

71
개인 회원가입
버튼 비 활성화 버튼 활성화
사용 가능
비밀번호 일치

74
개인 로그인
로그인 성공시
로그인 실패시

77
개인 정보수정
버튼 비 활성화
개인 정보 수정은 간단
하게!
기본 비밀번호와 일치하지
않으면
새 비밀번호가 일치하지
않으면
기본 비밀번호와 일치하면
새 비밀번호가 일치하면
버튼 활성화

79
개인 회원탈퇴
비밀번호가 일치하지 않으
면
두개의 비밀번호가 일치하
더라도기존의 비밀번호가
아니라면
기존 비밀번호와 일치한다
면

80
방 등록 방 등록을 하기 위해서는 먼저 로그인이 필요합니다
로그인을 안하고 방등록을 클릭시 경고창 생성!

81
방 등록
로그인
후
방 등록 클
릭
방 등록 페이지로 이동!!

83
방 등록
다음 API 를 이용한 주소
창 활성
주소 입력

84
방 등록
방종류 선
택

85
방 등록
보증금 입력
월세 입력

86
방 등록
건물의 총 층수
선택

87
방 등록
해당 층수 선
택

88
방 등록
평수 입력
평수 입력시
면적은 알아서
계산됩니다

89
방 등록 관리비가 있다면 있음 클
릭후
관리비 입력
옵션 선
택옵션 선
택
옵션 선
택

90
방 등록
datepicker 를 이
용
입주 가능일 선
택

91
방 등록
옵션 선
택옵션 선
택
옵션 선
택
살고 있는 곳에 가까운 역을 적어
주세요

92
방 등록
방제목을 입력해주세요
방정보를 입력해주세요

93
방 등록
등록할 방 사진 선
택

94
방 등록
방사진 등록
완료
등록 버튼을 누르면 방등록
완료!

95
매물 등록 관리
클릭하면 상세 페이지
로 이동

96
매물 등록 관리사진은 슬라이드로 보여
집니다
매물 정보 확
인
매물 등록인
확인

97
연락처 클
릭
매물 번호 확인 및 연락
처 확인

98
댓글 클릭

99
등록 버튼
클릭
댓글 입력
등록 버튼
클릭

100
등록된 댓글
확인

101
상세설명
매물 위치
등록 된 매물 근처에 병
원 위치

102
최근 본방 확인 첫번째 방법
최근 본방이 슬라이드 식으로
처리

103
최근 본방 확인 두번째 방법
최근 본방
클릭

104
최근 본방 확인 두번째 방법
최근 본방 리
스트
상세 페이지로
이동

105
번외 기능
네이버포스
트
D 채
널
인스
타페이스북

108
개발 후기
엄상원
처음에 프로 젝트가 시작됬을때 주제를 정하는 것조차 힘들었을떄가 어제 같은데 벌써 후기를 쓰고 있
네요. 팀원들도 다 전에 말을 해본적 없어서 어색하고 그랬는데 다들 열심히 해줘서 3주안에 어느정도
프로젝트를 완성한게 뿌듯합니다.
저희의 시작은 다방과 직방을 모티브 삼아서 더 발전된 사이트를 만들고 싶었는데 보기에는 간단한 기
능도 막상 구현 하려니 복잡했습니다. 팀 프로젝트는 처음이라 의견 조율 하는것도 데이터를 모으는 것
조차 처음에는 버벅 거렸지만
어느새 졸작 하나가 완성 되었습니다.다들 수고 하셨고 빨리 취업하셨으면 하네요

109
개발 후기
문병용
첫번째는 팀원간에 많은 대화가 필요 하다는 것을 느꼈습니다
처음에는 각자 주어진 역활 만 하면 순조롭게 진행되는지 알았는데
한번 모여서 이야기를 했더니 여러가지가 잘못 되었다라는것을 느꼈습니다
팀원간에 많은 대화가 필요하다가는 것을 느낄수 있었던 좋은 경험이었던거 같습니다
두번째로는 같이 하는 프로젝트이다 보니 분명히 실행이 되는것을 확인하고 프로젝트를 합쳤는데
몇일 후에 잘 실행되던 부분에서 입섹션이 발생하는 경우가 너무 많았습니다.
이 과정 때문에 익셉션 찾는것에 속도가 붙고 다음에 회사에 들어가 프로젝트를 진행하게 될때
익셉션이 터져도 당황하지 않고 차분하게 해결할수 있을거 같습니다

110
개발 후기
정덕찬
최종 프로젝트를 진행하면서 지금까지 배워온 내용들을 정리할 수 있었던 것 같아서 좋았습니다.
그리고 어느 부분이 부족한지, 자신감이 생기는 부분들도 알 수 있어서 좋았습니다.
4달간 정말 많이 수고해주신 윤형호 강사님 감사드립니다!!!=]

111
개발 후기
이현원
처음프로젝트를시작했을때데이터를어디서끌어와야할지막막했습니다.
그리고데이터형식이전부달라서일주일동안데이터삽입했다가EXCEPTION떠서다시다삭제하고삽입하고
삭제하는작업을계속했습니다.
일주일동안팀의공헌을하지못해서우울했는데형들이옆에서많이격려도해주고장난도쳐줘서기분좋게작
업을한것같습니다.
나머지2주동안은기능구현에참여를많이해서재미있었고밤을새도별로피곤하지않아이게천직인가생각을
했습니다.
프로젝트를마무리하는단계에서시간만더있었으면'원래계획했던것보다많은기능을구현할수있었는데'라
는아쉬움과
'빨리끝내고마음편히쉬어야지'하는생각이공존했습니다.

113
여기 계신 모든 분
들,
4개월 동안
정말 수고

발품 포트폴리오

Recommended

Recommended

More Related Content

Similar to 발품 포트폴리오

Similar to 발품 포트폴리오 (20)

발품 포트폴리오