[부스트코스] 프로젝트 4. 예약관리 시스템: 상세페이지 설계 및 분석

[BoostCourse] 프로젝트 4. 예약관리 시스템 : 상세페이지 (BE)

 

 * 이 글은 웹 프로그래밍 과정을 진행하면서 "개인적인" 생각을 정리한 글입니다.
 * 잘못된 부분이나 더 좋은 생각이 있으신 분들은 댓글 남겨주세요.

 

 - 다음 글

 - [부스트코스] 프로젝트4. 예약관리 시스템: 상세페이지 (BE) 1차 제출 - FAIL (피드백)

[부스트코스] 프로젝트4. 예약관리 시스템: 상세페이지 (BE) 1차 제출 [Fail & Feedback]

 - [부스트코스] 프로젝트4. 예약관리 시스템: 상세페이지 (BE) 2차 제출 - PASS (피드백)

[부스트코스] 프로젝트4. 예약관리 시스템: 상세페이지 (BE) 2차 제출 [PASS & Feedback]

 - [부스트코스] 프로젝트4. 예약관리 시스템: 상세페이지 (FE) 1차 제출 - FAIL (피드백)

[부스트코스] 프로젝트 4. 예약관리 시스템: 상세페이지 (FE) 1차 제출 - [FAIL & Feedback]

 - [부스트코스] 프로젝트4. 예약관리 시스템: 상세페이지 (FE) 2차 제출 - PASS (피드백)

[부스트코스] 프로젝트 4. 예약관리 시스템: 상세페이지 (FE) 2차 제출 - [PASS & Feedback]

 

 

 - 프로젝트 4의 예약하기 기능을 구현하기 위한 기획서를 분석하여 작성

 - 설계서(구글 프레젠테이션)

Project4 설계

 

 [목차]

  1. 기존 프로젝트 3 소스 수정
  2. 프로젝트 4. 요구사항 정의
  3. 상품 전시 정보 보기 기능 Sequence Diagram
  4. 프로젝트 3 리펙토링 (JavaScript, Handlebars Template)
  5. 상품 전시 정보(Product Display Infomation) API 작성
  6. 프로젝트4. 예약관리 시스템: 상세페이지 구현 순서
  7. 프로젝트4. 예약관리 시스템: 상세페이지 구현
  8. 프로젝트 4. 예약관리 시스템: 상세페이지 - 시연영상

 1. 기존 프로젝트 3 소스 수정

  - 기존 :: Controller에서 List<VO>포맷을 JSON 파싱 후 String 리턴하는 방식

  - 신규 :: Controller에서 Map<String, Object>로 리턴하는 방식

 

  - Dao에서 단일 데이터 호출 Service 단계에서 트랜잭션 데이터 만들도록 정리

 

 2. 요구사항 정의

  2.1 프로젝트 4 기능요구사항 정의

 

  2.2 프로젝트 4 기술요구사항 정의

 

  2.3 프로젝트 4 소스코드 작성 규칙

 

 3. 상품 전시 정보 보기 기능 Sequence Diagram

  - Proejct 3 메인페이지 작성 내용을 기준으로 사용자가 특정 상품을 눌렀을 때 상세 상품 전시 정보 페이지를 보여주는 기능을 구현

 

 

 4. 프로젝트 3 리펙토링

  4.1 카테고리 UI 구현

  - 템플릿을 이용하여 동적으로 갯수가 추가되도록 구현

 

  4.2 프로모션 UI 구현

  - 슬라이드 구현 방식을 캐러셀 방식으로 구현

 

 

 5. DisplayInfo API 구현

 - Swagger에 작성된 문서를 통해 Model과 API 작성

 

6. 프로젝트4. 예약관리 시스템: 상세페이지 구현 순서

 

 

7. 프로젝트4. 예약관리 시스템: 상세페이지

 - 상단

 

 - 중단

 

 

 - 하단

 

8. 프로젝트 4. 예약관리 시스템: 상세페이지 - 시연영상

 

 - 수정