Final Project : 페 북

개발환경

OS

Microsoft Windows 10

DBMS

ORACLE 11.2

WAS

Tomcat 8.5

Language

JAVA, Servlet & JSP, HTML, Javascript

개발툴

Database

ORACLE, myBatis

Design

bootstrap, css

Editer

Spring Tool Suite

개발기간

개발인원

2018.12.17 ~ 2019.01.18. (31일)

4명

데이터베이스 다이어그램 (ERD)

개발목적 및 담당업무

개발목적 : 우리들의 생활에서 많이 사용되는 SNS를 이용자 입장이 아닌 개발자 입장에서 바라보고

다양한 조건으로 값을 가지고 오는 홈페이지를 만들고 싶어서 SNS 웹 홈페이지 제작

담당 업무 : 메인페이지 배치 및 디자인 , 웹 소켓 이용 채팅 시스템 구현 , 친구 태그 기능 구현

세부기능 요약 및 설명

페 북

로그인 시 메인 화면 구성

로그인 유저의 친구가 접속 시

웹 소켓을 이용 접속여부 체크

웹 소켓 이용 로그인 유저의 친구들과

실시간 채팅 가능

상단 이벤트 알림 탭을 클릭 시

lnterceptor 와 ajax 이용

해당 이벤트에 대한 상세정보 출력

글쓰기 입력창에서 친구태그하기 클릭 후

검색어 입력 시 ajax 이용 친구목록 검색

친구 태그 시 해당 유저로 링크

게시글 에서 좋아요, 댓글 등 이벤트 발생시

해당 유저 ajax처리 Tool팁으로 표현