돈쭐
KH정보교육원
2021.06.15 17:12
세일러문 (디지털컨버전스) 디지털 콘텐츠와 웹 융합 응용SW개발자 양성과정 [종로지원] | |
|---|---|
| 팀장/팀원 | 이**(팀장) : - 발표 - 관리자페이지 개발 월별 기부금 총액, 첫달~최근까지의 기부금 총액을 합쳐 ChartJS로 시각적 제공 (더보기 클릭시 총액과 수수료, 회원과 사업자에게 각각 돌아가는 포인트를 보여준다) 사업자회원 승인버튼과 탈퇴신청 시 활성화되는 탈퇴기능 구현 회원타입에 따라 구분해 볼 수 있으며 탈퇴기능 구현 맛집후기, 감사후기, 가게추천, 문의사항, 공지사항 게시글 삭제 및 상세페이지 이동 감사후기, 문의사항과 같은 비공개 게시글 조회 가능 문의사항 답글기능 구현 전체 회원 조회 / 탈퇴 및 회원 상세페이지 - 사업자 마이페이지 사업자회원 탈퇴 요청하면 관리자 페이지에서 탈퇴시키기 버튼 활성화 사업자회원 포인트 환급요청 후, 관리자가 회원의 환급금액 확인과 환급 기능 - 돈쭐기부 이니시스(Iamport API) 다날(Iamport API) 경우에 따른 유효성 기능 추가 결제방법(카카오페이, 이니시스, 다날) 선택을 위한 모달창 생성과 약관에 따른 유효성체크 - 커뮤니티 게시판 감사후기 등록/ 삭제/ 수정 구현 감사후기 게시글 공개 비공개 설정 구현 맛집후기 등록/ 삭제/ 수정 구현 맛집후기 사진 업로드 구현 가게추천 등록/ 삭제/ 수정 구현 가게추천 사진 업로드 구현 문의사항 등록/ 삭제/ 수정 구현 문의사항 게시글 비공개 설정 구현 문의 관리자답글 등록/삭제/수정 구현 문의 관리자답글 원글 작성자, 관리자 조회 구현 세션 체크하여 회원별 게시판 글쓰기 활성 비활성화 쿠키에 따른 조회수 구현 공지사항 등록/ 삭제/ 수정 구현 에디터 summernote API 사용 게시글 디테일, 리스트 구현 - 오른쪽 마우스 및 개발자모드 금지하는 기능 |
| 김** : - 꿈나무회원 마이페이지 개발 가고싶다 목록 조회 내가 쓴 후기 조회 내가 쓴 문의글 조회 예약 취소 / 사업자가 방문완료 컨펌 시 후기작성 활성화 예약완료시 후기쓰기 버튼 활성화 ajax 이용, 게시글 상태변경시 화면 이동 없음 - 예약관리(풀캘린더 API 사용) 가게별 영업시간에 따른 동적인 영업시간 셀렉트 박스 모든 옵션 선택시에만 예약 완료 시간별 예약상태에 따른 동적인 인원 수 셀렉트 박스 오늘 이전 날짜 선택 불가능 트랜잭션 처리 포인트 사용 최소 최대 금액제한 및 숫자 외 입력 방지 해당 가게 예약 목록 조회 - 포인트 관리 예약별 포인트 관리 예약 확정 / 취소시에 포인트 상태 변경 - 사업자번호 유효성 검사 실제 사업자 번호 입력시에만 가능 -사업자마이페이지 예약관리 승인 버튼 클릭시 방문완료 버튼 활성화 예약 기본 상태인 셀렉트박스 대기버튼 비활성화 예약상태에 따른 풀캘린더 화면 변경 툴팁을 이용한 예약 상세보기 ajax이용, 예약 상태 변경시 화면 이동 없음 - Github 관리 전체 Git 관리 - 채팅 모달창 이용하여 채팅 화면 구현 웹소켓을 기반으로 실시간 1대 다 채팅 구현 연결상태 확인하여 웹소켓 연결 상태 화면에 표시 채팅 내용 미리보기는 토스트 라이브러리를 이용해서 구현 채팅방 내용은 세션 스토리지를 사용해서 저장 채팅방 목록은 컨트롤러 리스트에 저장 | |
| 박** : - 스프링 시큐리티 기존 세션과 연결 회원별 권한설정 및 권한별 사이트 차단 비밀번호 암호화 및 복호화 중복로그인 막기 - 인터셉터 잘못된 경로로 접근시 차단페이지로 이동 - 회원관련 기능 로그인 회원가입 - 유효성 검사, 회원별 다른 회원가입탭 출력 및 한페이지 내 모든 ajax 충돌수정 아이디 찾기/ 비밀번호 찾기 이메일 인증 카카오로그인 구글로그인 회원정보 수정 회원탈퇴 - 트랜잭션 처리 예약 취소시 포인트 상환부분 - 일반회원 마이페이지 포인트조회 예약목록 조회 및 상태 변경, 예약 취소, 후기작성 예약상태변경시 ajax 처리로 인한 페이지 이동 없음 가고싶다 목록 조회 및 삭제 돈쭐 목록 조회 내가 쓴 후기, 내가 쓴 추천, 내가 쓴 문의글 목록조회/수정/삭제 - 메인, 스토리페이지 검색창 최신 후기 조회 기부금 총액 - Front 퀄리티 관리 디자인, 전체적인 UI 관리 및 프론트엔드 수정 | |
| 박** : - 지도조회(카카오맵 api 사용) 전국 단위 지역별 가게 전체 조회 가게 위치 마커 표시 마커 클릭 시 가게별 약식 정보 확인 및 상세페이지 이동 가능한 인포 윈도우 구현 가게 목록 페이징 처리 가게명 검색 기능 지역별 검색 기능 ajax 이용 리스트 조회 시 화면 이동 없음 검색 결과 페이지 이동 시 지도 중심 좌표 이동 - 메인 식당명 검색 기능 음식 종류별 가게 검색 기능 - 가게검색 식당명 검색 기능 음식 종류별 가게 검색 기능 가게 목록 페이징 처리 테마 키워드별 해당 가게 리스트 조회 후기순 가게 랭킹 조회 신규 등록순 가게 랭킹 조회 - 가게상세 세션 체크하여 유저별 예약하기 버튼 활성화 세션 체크하여 유저별 돈쭐내기 버튼 활성화 가게 상세 정보 출력 찜 등록, 해제 찜 상태 조회하여 버튼 활성화 카카오맵 api 이용한 가게 위치 구현 예약 완료 시 해당 가게 상세 페이지 이동 - 후기작성 사진 후기 작성 시 유저 포인트 추가 트랜잭션 | |
| 조** : - 돈쭐 기부(Iamport API 사용) 카카오페이 연동 모든 옵션 선택시에만 돈쭐 완료 가용 포인트 제한 유효성 검사 구현 ajax를 통해 데이터 넘기고 돈쭐 내역 저장 유저의 세션을 통한 회원별 접근 제한 가게 등록 시 등록했던 메뉴 조회 포인트 입력칸에 숫자만 허용하는 유효성 검사 - 룰렛 개발 jQueryRotate.js 라이브러리 사용 룰렛 결과에 따른 돈쭐 금액의 1~10퍼센트 포인트 당첨 룰렛 실행 시 룰렛 사용 가능 여부 제한 - 인증 페이지 sns(카카오톡, 트위터, 페이스북, 네이버)로 공유 가능 카카오는 api 이용 트위터, 페이스북, 네이버는 스크립트를 이용해 구현 - 사업자 회원 마이페이지 가게 등록 페이지 유효성 검사 가게 수정 페이지 유효성 검사 가게 등록시 메뉴 및 가격 정규 표현식 다중파일 업로드 메뉴 및 파일 입력 추가 및 삭제 가능 입력 개수 추가 제한으로 추가 버튼 비활성화 가게정보 수정 시 ajax 및 배열을 이용한 파일 선택 삭제 가능 내가 쓴 문의글 조회 ajax로 이용 문의글 상태 변경시 페이지 이동 없음 - 가게 상세 페이지 모달창을 이용해 메뉴 사진 띄우기 구현 ajax이용 후기 더보기 기능 구현 불러올 후기 없을 시 더보기 버튼 비활성화 가게 상세페이지 후기 클릭시 해당 상세페이지로 이동 - 포인트 관리 돈쭐 결제 완료시, 사용 포인트 업데이트 룰렛 당첨시 포인트 업데이트 사업자 포인트 환급신청 시 포인트 리셋 및 업데이트 | |
| 개요 | 보호자의 식사 제공이 어려워 결식 우려가 있는 아동, 청소년들에게 꿈나무카드 소지 시 결제 없이 무상으로 식사를 제공하는 착한 가게를 소개하고 간편한 접근, 기부할 수 사이트를 구현하고자 하였습니다. |
| 구현기능 | - 가게별 위치를 나타내는 지도 마커와 가게 상세정보 구현 - 메인페이지, 가게검색에서 가게 이름 검색으로 편리한 접근성 제공 - 리뷰를 한눈에 모아볼 수 있는 게시판 형태의 커뮤니티(리뷰, 추천글, 공지, 문의) - 관리자에게 문의할 수 있는 채팅 기능 구현 - 회원의 정보를 보호하기 위한 스프링 시큐리티 구현 - 포인트 기능, 기부 시에 포인트 사용 가능 - 아임포트 API를 사용한 결제기능과 결제 후 플러스 포인트 룰렛 구현 - 방문할 날짜를 정할 수 있는 예약기능 구현 - 가게 찜 기능 |
| 설계의 주안점 | - 결식아동에게 메뉴 제공 의사 있는 가게를 모음 - 위치를 알리는 지도 제공 - 가게별 상세한 정보 제공 - 회원 편리를 위한 카카오/구글 로그인 - 시간을 특정한 예약기능 제공 - 찜 기능 및 아임포트를 사용한 기부 기능 시스템화 - 관리자와 문의 채팅 기능 - 크게 세 유형으로 나뉜 회원 |
| 사용기술 및 개발환경 | OS : Windows10, Mac IDE : Eclipse Language : JAVA, JSTL, JSP, HTML5, CSS3, JavaScript, jQuery, Ajax, Bootstrap Middelware : TOMCAT DBMS : Oracle Framework : Spring Framework ORM : MyBatis VCS : git, github API : kakao, naver, google, FullCalendar API, chartJS, GSON, summernote, Iamport Service：Zeplin, Google document, Notion |
  | |
목록으로 
댓글쓰기 
0 
