Devme/Project
JAVA / SPRING 프로젝트 삼삼하개(5) CHART.JS를 통해 데이터정보 시각화
팀프로젝트가 끝나고 되돌아보는 시간 (5) CHART.JS를 통해 데이터정보 시각화 시각적 효과가 미치는 영향이 굉장히 크다고 생각하기 때문에 D3.JS, HIGHCHART.JS 등 다양한 라이브러리 중 개인적으로 가장 시각적으로 이뻐보이는 CHART.JS를 선택했습니다. 관리자페이지 내 이용권 관리는 원래 결제목록(구매, 환불)만 확인 가능하도록 기획했었으나, 완성하고나니 페이지 구성이 부족한 느낌이 들어 차트를 추가 구현하게 되었습니다. import (chart.js) document🚀 admin_pay.jsp(라인,바,도넛 3종 차트 canvas 생성) chart 생성 javascript var chart1Labels = []; var chart1adopt = []; var chart1home = ..
JAVA / SPRING 프로젝트 삼삼하개(4) 간편결제 API를 이용하여 결제/환불 기능 구현
팀프로젝트가 끝나고 되돌아보는 시간 (4) 간편결제 API를 이용하여 결제/환불 기능 구현 iamport api를 이용하여 결제시스템을 구현했습니다. 문서도 예제도 크게 변형할 필요가 없어 프로젝트 사용하면서 가장 활용하기 쉬웠던 api인 것 같습니다. 아임포트 api 사용법 1. 먼저 아임포트 사이트에 가입을 합니다. www.iamport.kr/ 2. 회원가입후 시스템설정으로 이동합니다. 3. PG설정(일반결제 및 정기결제) 를 클릭합니다. 4. PG사 카카오페이 선택 후 테스트모드 ON 합니다. 5.전체저장을 누르면 가맹점식별코드(CID)가 발급됩니다. 6. 아임포트 라이브러리를 추가합니다. import (iamport api) document🚀 cominfo_pay.jsp (구매/환불) 이용권 이용..
JAVA / SPRING 프로젝트 삼삼하개(3) 마이페이지(개인/업체) 내 작성글, 작성댓글 조회 구현
팀프로젝트가 끝나고 되돌아보는 시간 (3) 마이페이지(개인/업체) 내 작성글, 작성댓글 조회 구현 내 작성글, 작성댓글을 불러오는 페이지를 작업하면서 돌이킬수 없는 후회가 생겼습니다. 바로 테이블 설정.. 구성 당시에는 먼 미래를 생각하며 각게시판을 카테고리화해서 구성하면 데이터가 많이 쌓였을때 성능저하가 생기지 않을까? 라는 의문으로 프로젝트를 구성할때 각 게시판 테이블을 따로 만들었는데(심지어 필드명도 다 다르게..) 우리는 빌드하여 프로젝트로만 활용할 뿐 실제 배포 및 운영은 계획이 없었기에 고려하지 않아도 되는 상황인데다가 검색 기능이나 이렇게 한번에 조회하는 페이지를 구현할때 불필요하게 동일한 코드를 여러번 적게끔 만들었습니다 이미 거의 막바지에 다와서 수정하면서 생긴 문제이기도 하고 고치게되면..
JAVA / SPRING 프로젝트 삼삼하개(2) LOCAL DATA API를 이용하여 판매허가번호 인증 구현
팀프로젝트가 끝나고 되돌아보는 시간 (2) LOCAL DATA API를 이용하여 일반 회원이 사업자 회원으로 이용하기 위한 판매허가번호 인증 구현 프로젝트 삼삼하개는 타사이트와 다르게 제도적인 부분을 보완한 분양중개사이트입니다. 그 핵심으로 LOCAL DATA에서 제공하는 판매허가인증을 받은 사업자 목록 데이터를 이용하여 삼삼하개에 가입하여 상업적 분양활동을 하는 모든 이들은 판매허가번호를 인증하여야 되도록 설계하였습니다 ( PROCESS : 판매허가번호 인증 > 사업자 회원으로 전환 > 분양게시글 작성 가능) 로컬데이터에서는 api로는 전체 자료를 다운로드 받을수가 없어 다운로드일 기준 전체자료를 다운받고, open api를 이용하여 변동분을 적용하려하였으나, 프로젝트 진행당시에 윈도우 스케줄러의 존재..
JAVA / SPRING 프로젝트 삼삼하개(1) 이메일 인증으로 비밀번호찾기
팀프로젝트가 끝나고 되돌아보는 시간 (1) 이메일 인증을 통한 비밀번호 찾기(수정) 비밀번호 찾기 기능은 총 세 페이지로 구성했습니다. (비밀번호 찾기 pw_find, 이메일 인증번호 pw_auth, 새 비밀번호 설정 pw_new) pw_find.jsp (비밀번호 찾기) 이름 이름을 입력하세요 이메일 유효하지 않은 이메일주소 입니다 label이나 .error 부분은 필수 입력값이기 때문에 유효성 및 css에 적용하기 위해 코딩하였습니다. 이메일을 입력받는 input 태그 타입자체를 email로 주어 ~@~ 형식은 적용되었으나 추가적으로 이메일 형식 (ex. test@test.com)을 적용하도록 했습니다 Controller (인증번호 발송) @RequestMapping(value = "/pw_auth.m..