yesaladin_front

YesAladin Front는 사용자의 웹 애플리케이션 이용에 필요한 정보를 각 Server에 요청하고, 응답 받은 정보를 UI를 통해 제공합니다.

Getting Started

./mvnw spring-boot:run

Project Architecture

CI/CD

Scheduling

• NHN Dooray!의 칸반 활용

• @WBS(Work Breakdown Structure)를 구글 스프레드시트로 관리

Features

@송학현

• 회원 관리
  • 일반 로그인
  • OAuth2 소셜 로그인 (Github, Kakao)
  • 로그아웃
  • 회원 가입
  • 회원 정보 수정 (Co-authored-by: @최예린)
  • 회원 탈퇴
  • 회원 통계
• 인증/인가
  • 인증서버에서 발급받은 JWT 토큰 관리 및 자동 재발급 요청
  • Interceptor를 통해 API 호출 시 HTTP Authorization Header에 토큰 정보 추가
  • 권한별 접근 가능 페이지 구분
• 장바구니
  • 회원용 장바구니 관리 (Co-authored-by: @이수정)

@이수정

• 장바구니
  • 장바구니 내 조회
  • 장바구니 상품 추가/삭제 및 담은 개수 변경
  • 주문 완료 시 장바구니 내 상품 삭제
• 파일
  • 파일 업로드 요청 및 url 반환
  • 파일 다운로드
• 상품
  • 상품 등록/수정/삭제
  • ToastUI Editor 사용 및 addImageBlobHook 시 오브젝트 스토리지에 이미지 업로드
  • 상품 상세조회
  • 관리자용, 전체이용자용 Paging 조회
  • 상품 연관관계 조회/등록/삭제
  • 상품 수량변경, 강제품절여부, 노출여부, 판매여부 변경
  • 상품유형 조회 / 상품 유형별 Paging 조회
• 출판사, 출판
  • 출판사 관리자용 Paging 조회
  • 출판사 등록/수정
• 태그, 태그관계
  • 태그 관리자용 Paging 조회
  • 태그 등록/수정
• 저자, 집필
  • 저자 관리자용 Paging 조회
  • 저자 등록/수정
• 매출 통계
  • 지정한 기간동안의 매출 통계 집계하여 관리자 메인 홈에 노출
• 메인페이지 베스트셀러
  • 1년간의 베스트셀러 12권을 노출
• 관리자 홈, 메인페이지 UI

@최예린

• 공통
  • UI 공통 컴포넌트 작성 및 레이아웃 디자인
• 주문
  • 주문서 작성 및 페이지 추가
• 회원 관리
  • 회원 차단
  • 회원 배송지 관리
  • 회원 등급 변경 내역 조회
  • 회원 포인트 내역 조회

@배수한

• 카테고리
  • 메인 화면 카테고리 블럭 구현 및 노출
  • 카테고리 등록/삭제/수정
  • 카테고리 순서 변경
• 주문
  • 기간별 주문 조회
  • 일자별 주문 조회
  • 주문 상태 별 주문 조회
  • 비회원/회원 주문 상세 내역 조회
• 결제
  • 토스 결제 연동
  • 결제 내역 조회

@김홍대

@서민지

• 쿠폰
  • 쿠폰 조회/발행 중단
  • Object Storage를 사용한 이미지 업로드 구현
  • 선착순 쿠폰 발급
  • 선착순 쿠폰 페이지

@김선홍

• 회원
  • 관리자 회원 차단 관리 조회
  • 관리자 회원 차단 관리 검색
• 상품
  • 상품 검색
  • 상품 등록 카테고리, 태그, 출판사, 저자 검색
  • 최근 본 상품 추가
  • 최근 본 상품 제거
• 위시리스트
  • 위시리스트 등록
  • 위시리스트 제거

Technical Issue

공통

• Front server - Back server 간 통신에서 화면 및 상황마다 다른 대처를 해야함
  • 공통 응답 객체를 구현
    • 성공 여부, HTTP code, 제네릭 타입 데이터, 에러 메세지를 공통된 포맷으로 사용
  • 예외 발생시, 공통 응답 객체의 HTTP code를 파싱하여 ControllerAdvice에서 예외 페이지 처리

Web Socket (가제)

Spring Cache (가제)

인증/인가

• 분산 환경에서의 인증 인가를 위해 Spring Security Filter를 직접 Custom 하여 로그인/로그아웃 처리
• OAuth2 flow를 Controller와 RestTemplate으로 직접 구현
  • 기존 일반 로그인 시 사용하는 Custom Filter를 그대로 사용하는 방식을 고려함
• 인증 서버에서 발급받은 JWT 토큰을 RestTemplate으로 백서버에 요청 직전 Header에 담아 요청하도록 Custom Interceptor 구현
• Redis 내에 발급 받은 토큰의 만료 시간을 저장하여 HTTP 요청 시 사전에 유효 시간을 체크하고 인증 서버에게 자동으로 재발급 요청을 하도록 구현

Tech Stack

Languages

Frameworks

Template Engine

Database

Build Tool

DevOps

Web Server

형상 관리 전략

• Git Flow 전략을 사용하여 Branch를 관리하며 Main/Develop Branch로 Pull Request 시 코드 리뷰 진행 후 merge 합니다.
• Main: 배포시 사용
• Develop: 개발 단계가 끝난 부분에 대해 Merge 내용 포함
• Feature: 기능 개발 단계
• Hot-Fix: Merge 후 발생한 버그 및 수정 사항 반영 시 사용

Contributors