SPRING 프로젝트 - 펀딩을 한 번에 볼 수 있는 사이트 (1) : 개요

1. 교육처 : 넥스트아이티교육센터(대전)
2. 프로젝트 기간 : 8월 3일 ~ 8월 18일(영업일기준 12일)
3. 개발환경 : Spring, 오라클DB, MyBatis / JAVA, JavaScript, Html, Python
4. 부트스트랩 템플릿 출처 : https://bootswatch.com/
5. 사이트 주제 : 와디즈, 텀블벅, 오마이펀딩의 펀딩들을 한 눈에 볼 수 있는 사이트입니다. 
6. 구현 내용 상세 설명(코드는 후에 화면마다 올릴 예정입니다)

로그인 화면 아이디와 비밀번호를 입력 받으면 로그인한  회원 정보가 세션에 저장된다. 로그인 정보를 모두 입력하지 않고 로그인 버튼을 누르면  alert창이 뜬다. 

아이디 또는 비밀번호를 틀리거나 회원가입을 성공하면 아래쪽에 메세지가 뜬다.

회원가입 화면으로 아이디, 비밀번호, 닉네임, 성별, 생일, 휴대전화, 이메일, 주소를 입력 받는다. 주소는 도로명주소API를 활용하여 검색 후  자동으로 입력된다.  아이디는  중복확인을 통해서 똑같은 아이디가 가입되는 것을 막는다. 만약 중복확인 버튼을 누르지 않고 회원가입 버튼을 누르면 중복확인을 하라고 alert창이 뜬다. 

가입을 하면 로그인 버튼이 내 메뉴로 변경된다. 내 메뉴를 누르면 DropDown으로 아래 메뉴가 뜨는데 내 정보에서는 사용자가 자신의 정보(아이디 제외)를 수정할 수 있고 내 펀딩에서는 자신이 찜한 펀딩을 볼 수 있다. 그리고 내가 쓴 글에서는 자신이 쓴 글만 모아서 볼 수 있다. 로그아웃 시에는 세션 정보를 제거한다. 

다음은 펀딩들을 모아서 볼 수 있는 펀딩리스트 페이지이다. 

파이썬에서 각 사이트의 펀딩 정보들을 크롤링하여 DB에 저장하여 만들었다. DB에는 펀딩 제목, 이미지, 카테고리, 총 달성수와 퍼센트, 남은 기간, 상세 url 정보가 저장되어 있다(후에 DB 구조 올릴 예정)

전체 리스트는 카테고리, 사이트로 원하는 정보만 볼 수 있으며 달성률 높은 순, 마감순, 최신순으로 정렬해서 볼 수도 있다. 

펀딩 이미지나 타이틀을 클릭하면 세부 내용을 볼 수 있다. 여기서 하트 버튼을 클릭하면 찜을 할 수 있고 공유 버튼을 클릭하면 현재 페이지의 주소가 저장된다. 로그인을 하지 않으면 하트 버튼이 활성화되지 않아 찜이 불가능하다.

하트버튼을 눌러 찜을 하면 빨간색으로 바뀌고 카운트가 1 올라간다.  다시 찜을 취소하면 카운트가 1  줄어든다. 이렇게 찜한 내용은 나의 펀딩에서 확인할 수 있다.

자유게시판은 정보공유, 잡담, 펀딩후기 카테고리에 맞춰서 글을 쓸 수 있다. 로그인을 하지 않으면 글쓰기 메뉴가 보이지 않는다.