Final Project
Do it (it 스터디 중개 사이트)
ABOUT
Final Project
스터디를 하고 싶은 사람들에게
스터디에 대한 정보들을 제공하고 중개해주며,
좀 더 편리하게 이용할 수 있게 해주는 사이트
<개발환경>
language : JAVA, HTML5, CSS3, JavaScript
Tools : eclipse(STS), Visual Studio Code, sqldeveloper
DBMS : Oracle DB
Server : Apache Tomcat 8.5
Framework : Spring
Spring 프레임워크 기반의 홈페이지로 구성되어 있습니다.
Project
|
| 프로젝트 메인 화면입니다. 메뉴는 Home, About, Study, Community, Event, Mypage, Admin 페이지 등이 있습니다. 주요 기능으로는 IT 스터디 중개, 가입, 탈퇴, 관리자모드 등이 있습니다. |
 |
 |
| 회원가입 약관 페이지입니다. 기본적인 필수 약관 체크후 넘어갈 수 있습니다. |
약관 동의 후 다음 페이지입니다. 회원 가입때 아이디 중복 체크는 ajax를 써서 자동으로 체크합니다. 비밀번호 확인, 이메일은 유효성 검사처리 되어 있습니다. 주소는 다음 주소검색 API를 사용했습니다. |
 |
 |
| 쪽지를 누르면 나오는 창입니다. 쪽지 기능에서는 자신이 속한 그룹원을 보여줍니다. 키보드 ↓를 누르면 자신이 속한 그룹이 있으면 그룹원을 보여줍니다. 받은쪽지함, 새로온 쪽지함, 보낸 쪽지함, 삭제, 답신이 가능합니다. |
이벤트 페이지입니다. 세미나, 웨비나 등과 같은 정보를 공유하는 페이지입니다. 글은 우선은 관리자만 쓸 수 있도록 만들었습니다. 최근게시물, 검색, 태그 기능을 넣었습니다. |
 |
 |
| 스터디 리스트 페이지입니다. 제목, 모집중or모집종료, 개설자, 현인원/최대인원, 지역, 보증금입니다. SELECT 검색 기능이 들어 있습니다. |
개설 후 디테일 페이지입니다. 스터디 가입, 모집인원 등 세부 내용을 볼 수 있고 참석자들의 프로필사진과 이름이 나오게 만들었습니다. |
 |
 |
| 일정등록을 누르면 보여지는 페이지입니다. 일정제목, 날짜, 시간, 모일 장소등을 입력할 수 있고 주소를 입력하면 지도에 나오도록 만들었습니다. |
일정을 등록하면 캘린더에 표시됩니다. |
 |
 |
|
출석 같은 경우는 다음과 같이 각자 그 일정에 출석을 했는지, 하지 않았는지를 체크 후 등록할 수 있습니다. 스터디 개설자가 아닌 경우는 아래쪽 수정 버튼이 보이지 않습니다. |
호두 충전 전 페이지입니다. 프리미엄 게시판 기능입니다. 마일리지(재화, 돈)를 내고 자료실, 갤러리 기능을 오픈할 수 있습니다. |
 |
 |
| 호두 충전(결제) 창입니다. 마일리지 충전은 아임포트API를 사용했습니다. 카카오페이로 충전하는 모습입니다. |
자유게시판 페이지입니다. 커뮤니티 메뉴입니다 공지사항, 자유게시판, Book-Share, 질문게시판으로 되어 있습니다. Book-Share같은 경우는 공부하다 안 쓰는 책을 무료나눔하는 용도로 만들었습니다. 질문게시판은 에러나 공부하다 모르는 부분을 질문할 때 쓰는 용도입니다. |
 |
 |
| 마이페이지 페이지입니다. 마일리지, 개인정보수정, 가입한 스터디리스트, 위시리스트 탭으로 구성되었습니다. 마일리지(호두)는 사이트 내 재화와 같은 용도입니다. |
마이페이지-마이리스트 페이지입니다. 자신이 쓴 글을 확인할 수 있습니다. |
REVIEW
소감
파이널인 만큼 기획부터 개발까지 신경을 많이 썼다.
아무래도 팀원들과 이야기도 많이하고, 개발을 하면서도 의견을 나눌게 많아
얘기할 때 점점 프로젝트를 해서 그런가 잘 통하는 것 같아 즐겁게 개발했다.
사내 인프라넷 같은 것도 해보고 싶었지만 중개사이트도 많은 걸 배웠다.
Spring으로 게시판을 해보고 싶어 게시판 부분을 했고, JSP와 같은 듯 다른 Spring을 하며
오류 잡는 것이 조금 힘들었지만 구글링과 팀원들에게 질문을 하며 많이 배운 것 같다.
다음번에는 일정을 캘린더에 추가하는 등 조금 어려운 기능에 도전하고싶다.