독후활동지 쇼핑몰 홈페이지 제작 프로젝트 in Nodeul
- 개인이 제작한 독후 활동지를 판매하고 제공하기 위한 목적의 웹 서비스 제작
2023-05-09~2023-06-20
- 배포 환경 (인프라)
- AWS EC2 : Linux (Ubuntu 22.04.2 LTS) / MySQL
- 북키타카 임시 홈페이지 (https://bookitaka.store)
 dawnpoems |
 kimjisudev |
 hyeokjulee |
 BeomSeokYu |
 hsnkch |
 KyungoeSim |
김예건: 팀장, 독후활동지(CRUD) 및 다운로드, 결제 API연동 및 결제 프로세스김지수: 자주 묻는 질문(CRUD) 개별출제요청(CRUD), 독후활동지 등록 및 개별출제요청에서의 도서 검색 API이혁주: 장바구니 기능, 쿠폰 기능, 결제 프로세스유범석: 인증 및 인가 체계 구축, 로그인 및 회원가입, 메인 페이지 및 독후활동지 페이지 디자인최현식: 회원가입 및 회원관리(CRUD)심경외: 이용안내(CRUD), 공지사항(CRUD), 공통 템플릿 디자인
- PortOne 결제 API (https://portone.io)
- ISBN 서지정보 API (https://www.nl.go.kr)
스프링 시큐리티와 jjwt 라이브러리를 이용한 JWT(Json Web Token) 방식의 인증으로 구현하였습니다. 액세스 토큰은 HTTP-Only 쿠키에 저장하여 XSS 공격에 의한 토큰 탈취 위험성을 낮췄으며, 리프레시 토큰을 추가해 액세스 토큰이 탈취되더라도 만료 시간을 짧게 설정 가능하게 하여 보안성을 높였습니다.
JWT 구현 방식은 오픈소스(https://github.com/murraco/spring-boot-jwt)를 참고하여 제작되었습니다.
회원 가입, 로그인 등 리소스 접근 기능은 프로젝트에 적합한 API로 개발되었습니다. 회원 ROLE은 관리자와 일반 회원으로 나뉘며 각각의 역할에 따른 권한으로 리소스 요청에 응답을 받을 수 있습니다. 비밀번호 찾기 기능은 임시 비밀번호를 발급 방식으로 개발했으며, 네이버 메일 API를 통해 가입한 이메일로 발급받게 됩니다.
독후활동지 관련 정보와 함께 이미지 파일과 pdf파일을 업로드 및 수정할 수 있습니다. 업로드한 pdf파일은 미리보기와 원본 파일로 구분하여 저장되며, PDFjs라이브러리를 통해 미리보기를 지원합니다. pdf를 구입한 이후에는 다운로드가 가능하며, 모든 다운로드는 구입 여부 인증 과정을 거친 후에 진행됩니다. 독후활동지 목록을 띄우는 곳에서는 장르/연령대/정렬순서 등 여러 정렬 기준이 필요해 queryDSL을 활용하였습니다. 장르와 연령대는 데이터베이스 기반으로 동작하여 쉽게 추가 및 삭제가 가능합니다.
데이터베이스에 저장되며 구매 페이지로 넘어갈 시 쿠키로 변환되어 저장됩니다. 장바구니 내에서 실제 구매할 제품만을 선택하여 구매 페이지로 넘어갈 수 있습니다.
쿠폰을 구매할 수 있으며 구매한 쿠폰을 사용하여 독후활동지를 구매할 수 있습니다. 독후활동지 구매 시에 쿠폰을 사용한만큼의 독후활동지 금액이 차감되여 결제가 진행됩니다.
포트원 API를 연동하여 결제 프로세스를 진행합니다. 결제 정보와 함께 pdf/쿠폰 구입 기록을 업데이트합니다.
업로드되지 않은 독후활동지를 관리자에게 출제요청하는 페이지입니다. 서지정보 API를 연동하여 원하는 책을 정확하고 쉽게 찾을 수 있게 제작하였습니다. 받은 요청은 관리자 페이지에서 확인 가능하며, 관리자는 완료 여부를 업데이트할 수 있습니다.
자주 묻는 질문을 모아 볼 수 있는 페이지입니다. 관리자 페이지에서 등록이 가능하며 일반 회원은 분류 기준별로 모아 볼 수 있습니다.
이용안내 게시판입니다. 관리자 페이지에서 등록이 가능하며 일반 회원의 열람이 가능합니다.
공지사항 게시판입니다. 관리자 페이지에서 등록이 가능하며 일반 회원의 열람이 가능합니다.
독후활동지 검색 / 신규 독후활동지 / 베스트셀러 독후활동지 / 이용방법 및 공지사항 / 쿠폰으로 구성되어 있습니다.
회원관리/ 받은 출제요청 보기 / 활동지 등록 / 이용안내 등록 / 공지사항 등록 / 자주묻는질문 등록이 가능합니다.
- 포트폴리오(유범석) 노션 페이지 참조 - 이동
