본문 바로가기

스프링2

SPRING 프로젝트 - 펀딩 사이트 (5) : 찜하기와 공유하기 1. 내용 : 펀딩 리스트에서 사진이나 제목을 클릭하면 그 펀딩의 내용에 대해서 간단하게 알려주는 페이지이다. 찜과 공유하기, 더 알아보기를 할 수 있다. 2. 과정 중 특이점 : 수업시간에는 찜하기를 배우지 않았기 때문에 스스로 어떤 식으로 짜야할지 하나씩 생각하면서 만드는게 어렵지만 재미있었다. 찜을 하는 순간 하트 색깔과 찜한 갯수가 바뀔 때 새로고침하게 만들었는데 그냥 요소가 바뀌게 했어도 좋았을 것 같다. 3. 화면 및 코드 1) 펀딩 세부 화면 펀딩 세부 화면에서는 펀딩의 카테고리, 제목, 사진, 달성현황과 퍼센트, 남은 시간, 창작자, 키워드를 정보로 보여준다. 더 알아보기를 클릭하면 크롤링해온 기존 펀딩 사이트가 새 탭으로 뜬다. (키워드는 이후에 진행된 파이썬 프로젝트의 결과물이라 현재 .. 2022. 9. 6.
SPRING 프로젝트 - 펀딩 사이트 (4) : xml 조건 정렬과 Grid 1. 내용 : 펀딩 사이트들의 내용을 크롤링하여 모은 뒤 화면에 띄워주었다. 2. 과정 중 특이점 : 게시판을 만들 때 카테고리 별로 보여주는 것은 했어서 이번에는 정렬 기능을 넣어보았다. where 조건만 추가하면 되서 많이 어렵지 않았다. 페이지네이션도 이전 화면구현 때와 JSP 수업 때 했어서 동일하게 구현하였다. 3. 화면 및 코드 설명 각 사이트에서 진행되는 펀딩들을 모아서 보려면 먼저 텀블벅, 와디즈, 오마이펀딩 사이트를 크롤링해해야 한다. 파이썬을 이용해서 각 사이트에서 필요한 정보를 크롤링하고 그 결과를 오라클 DB에 저장하였다. 그리고 저장된 내용을 가지고 펀딩 리스트를 구현하였는데 화면은 아래와 같다. 1) 펀딩 화면 펀딩 이미지, 제목, 달성율과 그 퍼센트, 찜한 숫자, 카테고리, 남.. 2022. 9. 2.