[웹] 서프라이즈 프로젝트

서프라이즈 프로젝트
언어	Open JDK 1.8
개발 툴	Spring 3, SQL Developer
프레임워크, 라이브러리	MyBatis, AOP, Tiles, BootStrap5 등등
DB	Oracle 18 xe
개발 기간	2022.03.19 ~ 2022.04.14
개발 인원	1명
서버 및 배포 방식	Tomcat 8.5, VMware 리눅스 Centos 7.9

 

프로젝트 목적 : 고객의 지인에게 선물하기 위한 홈페이지

 

주요 프로젝트 구현 내용 : 

■ WebSocket 채팅
-	단체 채팅 가능
-	접속중인 사용자 목록에서 특정인에게 귓속말 가능
-	로그인 해야 이용가능
■ 게시판
-	CRUD 게시판, 파일 첨부 다운, 글 검색 기능
-	댓글 기능 및 댓글의 답글 기능 Ajax 비동기 처리
■ 주소 검색 API
-	회원가입 할 때 주소를 검색할 수 있는 카카오 API사용

 

고객 요구 사항 :

요구사항	분석 후 결과
회원가입
회원가입 및 로그인 구현, VIP 코드를 통한 특정인 구별	코드 입력에 따른 사용자 구분
메인
메인 화면 - 디자인에 신경 쓸 것.	메인 디자인과 관련하여 수시로 고객과 논의
게시판
게시판 구현	CRUD의 기본적인 게시판 구현 및 파일 첨부 및 다운 글 검색 기능, 댓글, 댓글의 답글 기능, 게시글 조회수 카운팅 가능, 게시글의 좋아요 기능, 댓글 답글의 좋아요 싫어요 기능
채팅
채팅 기능 구현	로그인한 모두와 채팅 가능한 단체 채팅 개발 및 1대1 귓속말 기능 구현
배포 및 서버 접근 관련
비용 안들고, 절차 복잡하지 않고, 관련 지식 없어도 간단하게 다룰 수 있는 서버를 원함	vmware와 WOL 기능을 통해서 구현   - 윈도우 시작시 bat 프로그램을 만들어서 시작 프로그램에 등록을 통해 vamware 내부 가상머신 자동 시작. - 리눅스 centos7.9 기반의 가상머신이 자동으로 시작됨. - centos에서는 톰캣 서버와 오라클 자동 시작 될 수 있도록 스크립트 쉘 작성. - iptime 공유기를 통해서 WOL 기능 설정 및 iptime DNS 설정으로 아이피 주소 입력 없이 원격 접근 가능하게 함. - 사용자는 iptime DNS 주소를 통해 원격으로 컴퓨터를 키기만 하면 알아서 서버 자동 세팅. - 포트포워딩 기능을 통해 외부에서 웹에 접근 가능.

 

주요 개발 내용 :

* 개인적인 사진들은 아이돌 사진으로 대체

PC 메인 화면

반응형

메인 화면 – 포토그래피 모달 창 화면

 

로그아웃 상태 화면

일반 사용자 로그인 화면

Vip 코드 입력을 통해 가입한 사용자 화면

 

게시판 리스트 화면

 

검색 기능

 

게시글 상세 화면 & Ajax 댓글, 답글

 

게시글 등록 화면

 

게시글 수정 화면

 

회원가입 화면

 

카카오 api 연동

 

채팅 화면

 

채팅 기능 - 접속자 목록에서 특정인에게 귓속말 가능

 

모바일 화면