SPRING16 SPRING 프로젝트 - 펀딩 사이트 (6) : 회원가입 1. 내용 : 회원가입을 하는 페이지이다. 주소는 API를 사용하여 우편번호와 기본 주소를 자동으로 넣게 하였다. 2. 과정 중 특이점 : 우편번호 찾기를 간단하게 구현하게 해주는 API를 찾아서 쉽게 넣을 수 있었다. 아이디 중복 체크는 이전 화면구현 때도 해봤었기 때문에 이번에도 그대로 적용하였다. 다음 번엔 validation을 적용해야겠다. 3. 화면 및 코드 1) 회원가입 화면 회원가입 화면에서는 아이디, 비밀번호, 닉네임, 성별, 생일, 휴대전화, 이메일, 주소를 받는다. 각각의 정보는 모두 required라서 입력하지 않고 회원가입 번호를 누르면 '이 입력란을 작성하세요.'라고 안내가 뜬다. 그리고 이메일같은 경우 형식을 맞추지 않았을 시에 형식을 맞추라고 안내가 뜬다. 2) JSP (전체 .. 2022. 9. 6. SPRING 프로젝트 - 펀딩 사이트 (5) : 찜하기와 공유하기 1. 내용 : 펀딩 리스트에서 사진이나 제목을 클릭하면 그 펀딩의 내용에 대해서 간단하게 알려주는 페이지이다. 찜과 공유하기, 더 알아보기를 할 수 있다. 2. 과정 중 특이점 : 수업시간에는 찜하기를 배우지 않았기 때문에 스스로 어떤 식으로 짜야할지 하나씩 생각하면서 만드는게 어렵지만 재미있었다. 찜을 하는 순간 하트 색깔과 찜한 갯수가 바뀔 때 새로고침하게 만들었는데 그냥 요소가 바뀌게 했어도 좋았을 것 같다. 3. 화면 및 코드 1) 펀딩 세부 화면 펀딩 세부 화면에서는 펀딩의 카테고리, 제목, 사진, 달성현황과 퍼센트, 남은 시간, 창작자, 키워드를 정보로 보여준다. 더 알아보기를 클릭하면 크롤링해온 기존 펀딩 사이트가 새 탭으로 뜬다. (키워드는 이후에 진행된 파이썬 프로젝트의 결과물이라 현재 .. 2022. 9. 6. SPRING 프로젝트 - 펀딩 사이트 (4) : xml 조건 정렬과 Grid 1. 내용 : 펀딩 사이트들의 내용을 크롤링하여 모은 뒤 화면에 띄워주었다. 2. 과정 중 특이점 : 게시판을 만들 때 카테고리 별로 보여주는 것은 했어서 이번에는 정렬 기능을 넣어보았다. where 조건만 추가하면 되서 많이 어렵지 않았다. 페이지네이션도 이전 화면구현 때와 JSP 수업 때 했어서 동일하게 구현하였다. 3. 화면 및 코드 설명 각 사이트에서 진행되는 펀딩들을 모아서 보려면 먼저 텀블벅, 와디즈, 오마이펀딩 사이트를 크롤링해해야 한다. 파이썬을 이용해서 각 사이트에서 필요한 정보를 크롤링하고 그 결과를 오라클 DB에 저장하였다. 그리고 저장된 내용을 가지고 펀딩 리스트를 구현하였는데 화면은 아래와 같다. 1) 펀딩 화면 펀딩 이미지, 제목, 달성율과 그 퍼센트, 찜한 숫자, 카테고리, 남.. 2022. 9. 2. SPRING 프로젝트 - 펀딩 사이트 (3) : 로그인 화면 구현 1. 내용 : 로그인하는 화면을 만들고 Controller에서 로그인 화면과 아이디와 비밀번호 검사 그리고 특정 조건에서 아래쪽에 빨간 글씨로 메세지가 나오게 구현하였음. 2. 과정 중 특이점 : 로그인하는 자체는 수업시간에 해서 그리 어렵지 않았으나 수업시간 배운 내용만으론 로그인했을 때 또는 아이디나 비밀 번호를 틀렸을 때 내가 원하는 페이지로 바로 가질 못하고 메세지 화면으로 간 다음 거기에서 다시 버튼을 눌러 이동해야 한다는 문제가 있었다. 그래서 구글링을 하던 중 ModelAndView를 알게 되어 쉽게 문제를 해결할 수 있었다. 3. 화면 및 코드 설명 1) 로그인 화면 아이디와 비밀번호로 로그인을 하는 화면 https://ionic.io/ionicons 에서 제공하는 아이콘을 활용하여 따로 .. 2022. 8. 29. SPRING 프로젝트 - 펀딩 사이트 (2) : DB 1. 사용한 DB : OracleDB 2. 사용한 툴 : Sql developer 3. 전체 구조 4. 사용했던 쿼리문(더보기를 누르면 보입니다.) 더보기 -- 테이블과 시퀀스 만들기 CREATE TABLE member ( mem_id varchar2(100) primary key, mem_pw varchar2(100), mem_name varchar2(100), mem_bir date, mem_gender varchar2(100), mem_mail varchar2(1000), mem_pro varchar2(2000)); CREATE TABLE mem_like( like_no NUMBER primary key ,mem_id VARCHAR2(100) ,fu_no NUMBER); CREATE TABLE fu.. 2022. 8. 24. 이전 1 2 3 4 다음
