혼자 깨닫기 위함

[SAP] fieldcatalog | 필드 카탈로그 옵션 보는 방법

선이데이 — Thu, 13 Mar 2025 20:33:34 +0900

코드에서 fieldcatalog 더블 클릭

slis_t_fieldcat_alv 타입 클릭

slis_fieldcat_alv 타입 클릭

slis_fieldcat_main. 클릭

slis_fieldcat_main0. 클릭

이렇게 타입타고 들어오면 옵션 리스트들이 나온다

[SAP] 프로그램 직접 만들어 'SPFLI 테이블'을 이용해 ALV 출력해보기

선이데이 — Thu, 13 Mar 2025 20:20:51 +0900

1. /ose11 검색해서 se11 실행하기

/o : 새 창 띄우기
/se11 : ABAP Dictionary 화면 열기
ABAP Dictionary 란? SAP 시스템에서 데이터를 저장하는 데이터베이스 테이블, 뷰, 데이터 타입 등

2. SPFLI 테이블 검색하기

- display 클릭

SPFLI 테이블의 필드 정보, 데이터 타입 등 정보들이 나온다

3. SPFLI 테이블의 ALV 출력해서 데이터 보기

상단에 Contents 버튼 클릭 > Execute 버튼 차례로 클릭

SPFLI 테이블의 실제 데이터들을 볼 수 있다.

> SPFLI 테이블은 항공편 정보를 담고 있어서 항공편 정보 데이터들이 조회가 됨

CONNID: 항공편 번호
CARRID: 항공사 코드
CITYFROM / CITYTO: 출발지 & 도착지
FLTIME: 비행 시간
.....

이제 내가 프로그램을 직접 생성해서 SPFLI 테이블의 데이터를 직접 코드를 만들고 ALV를 출력해보자

1. SE80 검색 후 프로그램 생성하기

2. 우측 코드 수정하기

abap alv example 구글링하기

*첫번째 링크에 들어가서 맨 아래 두번째 코드 참조했음

https://community.sap.com/t5/application-development-discussions/sample-alv-program-using-reuse-alv-grid-display/m-p/3647449

Sample ALV program using REUSE_ALV_GRID_DISPLAY

Hi, I need a sample alv program using REUSE_ALV_GRID_DISPLAY. I want to know how to populate the the fieldcatalog and the layout... Thanks a lot!

community.sap.com

▼ 코드

*&---------------------------------------------------------------------*
*& Report Z2WEEK_ALV11
*&---------------------------------------------------------------------*
*&
*&---------------------------------------------------------------------*
REPORT Z2WEEK_ALV02.


TABLES: SPFLI    .

TYPE-POOLS: slis.                                 "ALV Declarations

*Data Declaration
*----------------
TYPES: BEGIN OF t_spfli,
  mandt TYPE spfli-mandt,
  carrid TYPE spfli-carrid,
  CONNID TYPE spfli-CONNID,
  COUNTRYFR TYPE spfli-COUNTRYFR,
  CITYFROM TYPE spfli-CITYFROM,
  AIRPFROM TYPE spfli-AIRPFROM,
  COUNTRYTO TYPE spfli-COUNTRYTO,
  CITYTO TYPE spfli-CITYTO,
  AIRPTO TYPE spfli-AIRPTO,
  FLTIME TYPE spfli-FLTIME,
  DEPTIME TYPE spfli-DEPTIME,
  ARRTIME TYPE spfli-ARRTIME,
  DISTANCE TYPE spfli-DISTANCE,
  DISTID TYPE spfli-DISTID,
  FLTYPE TYPE spfli-FLTYPE,
  PERIOD TYPE spfli-PERIOD,
 END OF t_spfli.

DATA: it_spfli TYPE STANDARD TABLE OF t_spfli INITIAL SIZE 0,
      wa_spfli TYPE t_spfli.

*ALV data declarations
DATA: fieldcatalog TYPE slis_t_fieldcat_alv WITH HEADER LINE,
      gd_tab_group TYPE slis_t_sp_group_alv,
      gd_layout    TYPE slis_layout_alv,
      gd_repid     LIKE sy-repid.


DATA : t TYPE slis_t_sp_group_alv .
************************************************************************
*Start-of-selection.
START-OF-SELECTION.

  PERFORM data_retrieval.
  PERFORM build_fieldcatalog.
  PERFORM build_layout.
  PERFORM display_alv_report.


*&---------------------------------------------------------------------*
*&      Form  BUILD_FIELDCATALOG
*&---------------------------------------------------------------------*
*       Build Fieldcatalog for ALV Report
*----------------------------------------------------------------------*
FORM build_fieldcatalog.

  fieldcatalog-fieldname   = 'MANDT'.
  fieldcatalog-seltext_m   = 'Client'.
  fieldcatalog-col_pos     = 0.
  fieldcatalog-outputlen   = 10.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'CARRID'.
  fieldcatalog-seltext_m   = 'Airline Code'.
  fieldcatalog-col_pos     = 1.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'CONNID'.
  fieldcatalog-seltext_m   = 'Flight Connection Number'.
  fieldcatalog-col_pos     = 2.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'COUNTRYFR'.
  fieldcatalog-seltext_m   = 'Country Key'.
  fieldcatalog-col_pos     = 3.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'CITYFROM'.
  fieldcatalog-seltext_m   = 'Departure city'.
  fieldcatalog-col_pos     = 4.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'AIRPFROM'.
  fieldcatalog-seltext_m   = 'Departure airport'.
  fieldcatalog-col_pos     = 5.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'COUNTRYTO'.
  fieldcatalog-seltext_m   = 'Country Key'.
  fieldcatalog-col_pos     = 6.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'CITYTO'.
  fieldcatalog-seltext_m   = 'Arrival city'.
  fieldcatalog-col_pos     = 7.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'AIRPTO'.
  fieldcatalog-seltext_m   = 'Destination airport'.
  fieldcatalog-col_pos     = 8.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'FLTIME'.
  fieldcatalog-seltext_m   = 'Flight time'.
  fieldcatalog-col_pos     = 9.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'DEPTIME'.
  fieldcatalog-seltext_m   = 'Departure time'.
  fieldcatalog-col_pos     = 10.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'ARRTIME'.
  fieldcatalog-seltext_m   = 'Arrival time'.
  fieldcatalog-col_pos     = 11.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'DISTANCE'.
  fieldcatalog-seltext_m   = 'Distance'.
  fieldcatalog-col_pos     = 12.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'DISTID'.
  fieldcatalog-seltext_m   = 'Mass unit of distance (kms, miles)'.
  fieldcatalog-col_pos     = 13.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'FLTYPE'.
  fieldcatalog-seltext_m   = 'Flight type'.
  fieldcatalog-col_pos     = 14.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

  fieldcatalog-fieldname   = 'PERIOD'.
  fieldcatalog-seltext_m   = 'Arrival n day(s) later'.
  fieldcatalog-col_pos     = 15.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.



ENDFORM.                    " BUILD_FIELDCATALOG


*&---------------------------------------------------------------------*
*&      Form  BUILD_LAYOUT
*&---------------------------------------------------------------------*
*       Build layout for ALV grid report
*----------------------------------------------------------------------*
FORM build_layout.

  gd_layout-no_input          = 'X'.
  gd_layout-colwidth_optimize = 'X'.
  gd_layout-zebra = 'X'.
*  gd_layout-info_fieldname =      'LINE_COLOR'.
*  gd_layout-def_status = 'A'.

ENDFORM.                    " BUILD_LAYOUT


*&---------------------------------------------------------------------*
*&      Form  DISPLAY_ALV_REPORT
*&---------------------------------------------------------------------*
*       Display report using ALV grid
*----------------------------------------------------------------------*
FORM display_alv_report.
  gd_repid = sy-repid.
  CALL FUNCTION 'REUSE_ALV_GRID_DISPLAY'
    EXPORTING
      i_callback_program = gd_repid
      is_layout          = gd_layout
      it_fieldcat        = fieldcatalog[]
      i_save             = 'X'
    TABLES
      t_outtab           = it_spfli
    EXCEPTIONS
      program_error      = 1
      OTHERS             = 2.
  IF sy-subrc <> 0.
* MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
*         WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
  ENDIF.


ENDFORM.                    " DISPLAY_ALV_REPORT


*&---------------------------------------------------------------------*
*&      Form  DATA_RETRIEVAL
*&---------------------------------------------------------------------*
*       Retrieve data form EKPO table and populate itab it_ekko
*----------------------------------------------------------------------*
FORM data_retrieval.
  DATA: ld_color(1) TYPE c.

  SELECT mandt carrid CONNID COUNTRYFR CITYFROM AIRPFROM COUNTRYTO CITYTO AIRPTO FLTIME DEPTIME ARRTIME DISTANCE DISTID FLTYPE PERIOD
*   UP TO 10 ROWS
    FROM spfli
    INTO TABLE it_spfli.

ENDFORM.                    " DATA_RETRIEVAL

+ 테이블명 SPFLI로 다 수정하고 SPFLI 테이블의 필드와 설명란 그대로 복붙해서 수정하면된다.

+ 마지막엔 필드 나열하기

SELECT mandt carrid CONNID COUNTRYFR CITYFROM AIRPFROM COUNTRYTO CITYTO AIRPTO FLTIME DEPTIME ARRTIME DISTANCE DISTID FLTYPE PERIOD
*   UP TO 10 ROWS
    FROM spfli
    INTO TABLE it_spfli.

코드 수정했으면 Active > DIRECT PROCESSING 버튼 클릭

4. 내가 생성한 SPFLI 테이블의 데이터를 ALV 형태로 출력한 결과를 확인할 수 있다.

이것을 처음에 se11 검색했을때 SPFLI 테이블과 비교하면 다른점이 있다

다른부분 3가지

CONNID 앞에 빈 자리수 00으로 채우기
Flight time 정수부분으로 바꾸기
Distance 소수점을 없애기

fieldcatalog (필드 카탈로그) 옵션

CONNID앞에 00이 나오게 하는 방법

1. fieldcatalog-datatype = 'CHAR'.

숫자인 CONNID 를 CHAR 문자열로 바꾸면 0 으로 채워진다

fieldcatalog-fieldname   = 'CONNID'.
  fieldcatalog-seltext_m   = 'Flight Connection Number'.
  fieldcatalog-datatype = 'CHAR'.
  fieldcatalog-col_pos     = 2.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

2. fieldcatalog-inttype = 'c'

3. fieldcatalog-LZERO = 'X'.

LZERO : 선행에 0 출력 여부

= ' ' 만 하면 0이 출력 안되고 X를 해야 0이 출력 (alv 출력에만 영향을 준다.)

> NUMC 필드를 위한 옵션이라 LZERO 옵션을 가장 많이 쓴다.

= 숫자 0 으로 채워짐

정수로 변환

fieldcatalog-edit_mask = '__________'.

  fieldcatalog-fieldname   = 'FLTIME'.
  fieldcatalog-seltext_m   = 'Flight time'.
  fieldcatalog-edit_mask  = '__________'.
  fieldcatalog-col_pos     = 9.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

'_' 언더바를 10자리로 하는 이유? 최대 10자리까지 들어갈 수 있어서 10자리 수 언더바를 쓴다

소수점 없애기

fieldcatalog-decimals_out = '0'.

  fieldcatalog-fieldname   = 'DISTANCE'.
  fieldcatalog-seltext_m   = 'Distance'.
  fieldcatalog-decimals_out = '0'.
  fieldcatalog-col_pos     = 12.
  APPEND fieldcatalog TO fieldcatalog.
  CLEAR  fieldcatalog.

결과물

[SAP] 서버 라이센스, DB 라이센스 갱신하는 방법 | sap Logon 비밀번호 잠금해제

선이데이 — Fri, 28 Feb 2025 19:43:18 +0900

라이센스

sap서버 라이센스와 DB라이센스 두 개가 있다

두 라이센스 갱신하는 법

SAP 서버 라이센스는 SAP LOGON 프로그램에서 3개월마다 갱신 해야한다
DB라이선스는 (ABAP사이트에서 재다운) Win SCP 프로그램에서 2년 마다 갱신을 해야한다.

먼저 서버를 올린 후에 WinSCP 프로그램 접속한다

아래처럼 차례로 치기

sudo -i

비밀번호 치기

su npladm

startsap all

WinSCP 프로그램
root 사용자로 로그인 하기

호스트 이름 : 127.0.0.1
포트번호 : 22
사용자이름 : root
비밀번호 : Down1oad

로그인 버튼 클릭

* 경고 창이 나오면 업데이트 해주면 된다!

... 폴더 클릭하면 root 사용자 최상단 폴더로 이동

hostname, hosts 이름 수정하는 법!
etc 폴더 > hostname, hosts

여기서 hostname 수정(또는 hosts 수정)도 가능

DB 라이센스 갱신하는 방법

sybase 폴더 클릭

파일위치 : NPL/SYSAM-2_0/licenses

SYBASE_ASE_TestDrive.lic 파일에 들어가면 '25년 3월 31일에 만료된다' 고 나온다

이 SYBASE_ASE_TestDrive.lic 는 2년마다 갱신해줘야 한다.

어떻게? 기존 SYBASE_ASE_TestDrive.lic 파일을 삭제하고 재다운 받은 파일을 다시 넣으면 된다.

SYBASE_ASE_TestDrive.lic 란?
DB라이센스를 인증해주는 파일

DB 라이센스 재다운로드

라이센스 재다운로드 위치

https://developers.sap.com/trials-downloads.html

처음에 라이센스 다운받았던 사이트에서 라이센스가 새로 업데이트가 된다.

서버 라이센스 갱신하는 법

중요! SAP 서버가 깜빡깜빡한 상태가 됐을때 SAP LOGON 로그온 하기

SAP LOGON에서 로그온할때 서버 라이센스 만료가 됐으면 맨아래에 이렇게 뜬다

기존 라이센스 삭제 후 재다운로드 하고 업로드하기

sap*

Down1oad

로 로그인해서 slicense 검색하면 라이센스가 만료(두 번째 줄)됐다고 뜬다

1. 두번째 줄 우클릭 delete 하기

2. 라이센스 재다운로드 하기 위해 Active Hardware Key 복사한다

3. minisap 사이트 또는 https://go.support.sap.com/minisap/#/minisap 사이트 접속

SAP License Keys for Preview, Evaluation and Developer Versions

go.support.sap.com

4. Netweaver 7.x sybase 버전 선택 > 아래 개인정보 작성 > 동의하기

이렇게하면 NPL.txt 파일이 다운로드가 된다.

5. 새로운 라이센스 설치 > NPL.txt 찾고 창뜨면 권한허용(Allow) > 설치완료

6. 새로운 라이센스 업로드 완료! 유효기간 valid 확인하기

Installation Number 상태가 DEMOSYSYTE 로 자동으로 변경됐음

이 과정을 3개월마다 라이센스 갱신을 반복해줘야한다. (유효기간 만료 10일전에 알려줌)

만약 SAP LOGON 에서 비밀번호 5번 이상 오류시 잠금됐다면?

아이디 sap*

비밀번호 Down1oad

로 로그온 하고 검색어 "su01" 친 후

자물쇠 아이콘 클릭해서 잠금풀거나 잠금가능!

h2 연결 에러들 Driver org.h2.Driver claims to not accept jdbcUrl

선이데이 — Fri, 19 Apr 2024 02:04:12 +0900

h2 연동 에러들

에러문구

Caused by: java.lang.RuntimeException: Driver com.mysql.cj.jdbc.Driver claims to not accept jdbcUrl,

해결

application.yml 또는 .properties 에 분명 오타 또는 띄어쓰기 잘못된거 있으니까 잘 보면 된다..

정말 삽질을 오래했는데 알고봤더니 jdbc 에서 j가 빠져있었다..

spring:
  datasource:
    url: jdbc:h2:tcp://localhost/~/vintage-camera-shop

에러문구 : h2 DB가 제대로 연결이 안됐다?

java.lang.ClassNotFoundException: org.h2.Driver

해결

build.gradle 에 runtimeOnly 'com.h2database:h2' 추가하면 된다!

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
    implementation 'org.springframework.boot:spring-boot-starter-data-jpa'
    implementation 'org.springframework.boot:spring-boot-starter-validation'
    implementation 'org.springframework.boot:spring-boot-starter-web'

    compileOnly 'org.projectlombok:lombok'

    annotationProcessor 'org.projectlombok:lombok'
    testImplementation 'org.springframework.boot:spring-boot-starter-test'
    runtimeOnly('org.springframework.boot:spring-boot-devtools')
    
     runtimeOnly 'com.h2database:h2'
}

Spring MVC | (5) PRG / Redirect / GET, RedirectAttributes - 저장완료 메세지 추가

선이데이 — Tue, 2 Apr 2024 17:52:29 +0900

상품등록 후 새로고침하면 중복등록이 되는 문제가 발생

[실제 상품을 등록한 뷰 화면]

위처럼 상품 등록한 상태에서 새로고침을 누른다면 상품ID는 계속 올라가고 상품이 계속 등록되는 이슈가 생긴다.

[상품등록 POST - BasicItemController ]

@PostMapping("/add")
public String addItemV4(Item item){
    itemRepository.save(item);
    return "basic/item";
}

전체 흐름
- 실제 상품등록
- 상품 상세 뷰로 뷰템플릿(basic/item)을 호출 - 끝
- 상품 등록 (POST / add) URL 이 유지되어있는 상태
- 새로고침하면 계속 POST / add 행위가 지속된다.
- 새로고침 시 마지막 행위가 다시 요청되기 때문에 상품이 중복저장이 되는 이슈가 발생한다.

문제 해결 방법은 리다이렉트!

POST ▶ Redirect ▶ GET

실제 상품을 등록하고 뷰 템플릿으로 호출하는게 아니라 상품 상세화면으로 리다이렉트를 하면된다.

그렇게 하면 상품 등록 후 상품 상세 화면으로 다시 이동해서 (리다이렉트) 마지막에 호출한 GET /items/{id} 이 된다.

전체 흐름
- 실제 상품등록 POST/ add
- 상품 상세 화면으로 리다이렉트 Redirect items/{itemId} 호출 http://localhost:8080/basic/items/3
- 웹 브라우저가 상품 상세를 새로 요청 GET /items/{id}
- 새로고침을 해도 GET /items/{id} 상품 상세 화면으로 이동
- 문제 해결

[상품등록 POST redirect - BasicItemController ]

@PostMapping("/add")
public String addItemV5(Item item) {
    itemRepository.save(item);
    return "redirect:/basic/items/" + item.getId();
}

※ 주의

+item.getId() 처럼 URL에 변수를 더해서 사용하는 것은 URL 인코딩이 안되기 때문에 위험

RedirectAttributes

RedirectAttributes 을 사용하여 URL 인코딩 문제 해결과 상품이 실제로 등록이 됐을때 "저장되었습니다." 메세지가 나오도록 해보자

@PostMapping("/add")
public String addItemV6(Item item, RedirectAttributes redirectAttributes){
    Item savedItem = itemRepository.save(item);
    redirectAttributes.addAttribute("itemId", savedItem.getId());
    redirectAttributes.addAttribute("status", true);
    return "redirect:/basic/items/{itemId}";
}

RedirectAttributes 는 리다이렉트할 때 모델에 데이터를 전달할 수 있고 파라미터에 itemId와 status 를 붙여주는 역할이다.

basic/items/1?status=true

이제 저장완료 메세지를 만들어보자

리다이렉트 redirect:/basic/items/{itemId} ▶ 최종 basic/item 뷰 템플릿을 호출한다.

@Controller
@RequestMapping("/basic/items")
@RequiredArgsConstructor
public class BasicItemController {

    private final ItemRepository itemRepository;

    //상품 상세
    @GetMapping("/{itemId}")
    public String item(@PathVariable Long itemId, Model model){
        Item item = itemRepository.findById(itemId);
        model.addAttribute("item", item);
        return "basic/item";
    }
    
    ....

뷰템플릿

resources/templates/basic/item.html

상품 상세

<div class="container">
    <div class="py-5 text-center">
        <h2>상품 상세</h2>
    </div>

    <!-- -->
    <h2 th:if="${param.status}" th:text="'저장 완료'"></h2>
    
    ...

th:if 해당 조건이 참일 때
${param.status} : 파라미터 값을 조회할 수 있는 기
참이면 '저장완료' 가 나온다.

상품 실제 등록시 '저장 완료' 메세지를 확인할 수 있다.

Spring MVC | (4) 상품 수정, 리다이렉트

선이데이 — Tue, 2 Apr 2024 16:45:03 +0900

상품수정은 상품등록처럼 같은 url (/{itemId}/edit)이다

GET - 상품 수정 폼

POST - 상품 수정 처리

컨트롤러 - 상품 수정 [BasicItemController] 에 추가

상품 수정 페이지를 열때는 GET (실제 수정 X)

//상품 수정
@GetMapping("/{itemId}/edit")
public String editForm(@PathVariable Long itemId, Model model){

	Item item = itemRepository.findById(itemId);
	model.addAttribute("item", item);
	
	return "basic/editForm";
}

뷰 템플릿 [edit.html]

/resources/templates/basic/editForm.html

타임리프 설정

<html xmlns:th="http://www.thymeleaf.org">
<link th:href="@{/css/bootstrap.min.css}"

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
            href="../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .container {
        max-width: 560px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="py-5 text-center">
        <h2>상품 수정 폼</h2>
    </div>
    <form action="item.html" th:action method="post">
        <div>
            <label for="id">상품 ID</label>
            <input type="text" id="id" name="id" class="form-control" value="1"
                   readonly>
        </div>
        <div>
            <label for="itemName">상품명</label>
            <input type="text" id="itemName" name="itemName" class="form-control" value="상품A" >
        </div>
        <div>
            <label for="price">가격</label>
            <input type="text" id="price" name="price" class="form-control"
                   value="10000" th:value="${item.price}">
        </div>
        <div>
            <label for="quantity">수량</label>
            <input type="text" id="quantity" name="quantity" class="form-control" value="10">
        </div>
        <hr class="my-4">
        <div class="row">
            <div class="col">
                <button class="w-100 btn btn-primary btn-lg" type="submit">저장</button>
            </div>
            <!--수정폼에서 취소 눌렀을때 상품상세 페이지로-->
            <div class="col">
                <button class="w-100 btn btn-secondary btn-lg"
                        onclick="location.href='item.html'"
                        th:onclick="|location.href='@{/basic/items/{itemId}(itemId=${item.id})}'|"
                        type="button">취소</button>
            </div>
        </div>
    </form>
</div> <!-- /container -->
</body>
</html>

상품수정은 상품등록처럼 유사하게 GET,POST URL이 같기 때문에 th:action 에 생략해도 괜찮다

상품 수정화면

그러나 '상품 수정' 버튼을 눌러서 상품 수정 폼에 들어가면 상품명이 안 바뀌어있다 ( itemA ▶ 상품A )

폼 input에 각 상품명, 가격, 수량에 th:value 값을 넣으면 된다.

th:value="${item.id}"
th:value="${item.itemName}"
th:value="${item.quantity}"

변경 되는 상품수정 화면 ( itemA ▶ itemA )

취소 버튼 눌렀을때 다시 수정 폼으로 돌아가기

th:onclick="|location.href='@{/basic/items/{itemId}(itemId=${item.id})

<button class="w-100 btn btn-secondary btn-lg"
        onclick="location.href='item.html'"
        th:onclick="|location.href='@{/basic/items/{itemId}(itemId=${item.id})}'|"
        type="button">취소
</button>

컨트롤러 - 상품 수정 [BasicItemController] 에 추가

상품을 실제로 수정할 때는 POST

@PostMapping("/{itemId}/edit")
public String edit(@PathVariable Long itemId,@ModelAttribute Item item){

    itemRepository.update(itemId, item);
    //수정저장 후 redirect
    return "redirect:/basic/items/{itemId}";
}

페이지 이동 : 상품을 수정하고 저장하면 상품 상세 페이지로 이동하도록 한다.

리다이렉트 redirect

상품 수정 마지막에 뷰 템플릿을 호출하는게 아니라 상품 상세 화면으로 이동하는 리다이렉트를 호출한다.

redirect:/basic/items/{itemId} ▶ basic/items/1

상품 수정했을때 개발자 모드를 보면

Location : http://localhost:8080/basic/items/1 로 리다이렉트를 한 뒤
itemId가 1인 항목을 불러온다. 즉, 상품 상세 컨트롤러를 다시 호출한다.

Spring MVC | (3) 상품 등록, @ModelAttribute 와 @RequestParam 차이점

선이데이 — Mon, 1 Apr 2024 20:45:05 +0900

컨트롤러 - 상품 등록 [BasicItemController] 에 추가

상품 등록 페이지를 열때는 GET (실제 등록 X)

//상품 등록 
@GetMapping("/add")
public String addForm(){
    return "basic/addForm";
}

상품을 실제로 등록할 때는 POST

@PostMapping("/add")
public String save(){
    return "basic/addForm";
}

같은 URL인데 HTTP 메서드로 기능을 구별해준다.

뷰 템플릿 [addForm.html]

/resources/templates/basic/addForm.html

타임리프 설정

<html xmlns:th="http://www.thymeleaf.org">
<link th:href="@{/css/bootstrap.min.css}"

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
            href="../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .container {
        max-width: 560px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="py-5 text-center">
        <h2>상품 등록 폼</h2>
    </div>
    <h4 class="mb-3">상품 입력</h4>
    <form action="item.html" th:action method="post">
        <div>
            <label for="itemName">상품명</label>
            <input type="text" id="itemName" name="itemName" class="form-control" placeholder="이름을 입력하세요">
        </div>
        <div>
            <label for="price">가격</label>
            <input type="text" id="price" name="price" class="form-control"
                   placeholder="가격을 입력하세요">
        </div>
        <div>
            <label for="quantity">수량</label>
            <input type="text" id="quantity" name="quantity" class="form-control" placeholder="수량을 입력하세요">
        </div>
        <hr class="my-4">
        <div class="row">
            <div class="col">
                <button class="w-100 btn btn-primary btn-lg" type="submit">상품 등
                    록</button>
            </div>
            <div class="col">
                <button class="w-100 btn btn-secondary btn-lg"
                        onclick="location.href='items.html'"
                        th:onclick="|location.href='@{/basic/items}'|"
                        type="button">취소</button>
            </div>
        </div>
    </form>
</div> <!-- /container -->
</body>
</html>

타임리프 속성

th:action

상품 등록 버튼을 눌렀을때 동적으로 URL이 변경되도록 하는 액션속성

사실상 GET, POST 같은 URL (basic/items/add) 이기 때문에 안 써도 된다.
- th:action="/basic/items/add" ▶ <form action="item.html" th:action method="post">

등록 페이지에 갔을때 '페이지 소스보기' 를 하면 action="" 비어있는 것을 확인할 수 있다.

취소 버튼 눌렀을때 url 수정하기

취소했을때는 목록으로 돌아가기

th:onclick="|location.href='@{/basic/items}'|"

<button class="w-100 btn btn-secondary btn-lg"
        onclick="location.href='items.html'"
        th:onclick="|location.href='@{/basic/items}'|"
        type="button">취소
</button>

이제 실제로 상품을 등록해보자

상품 등록 POST - @ModelAttribute

우선 @ModelAttribute 와 @RequestParam 차이점을 알아보자

@RequestParam

@RequestParam - 상품 등록 처리

클라이언트의 HTTP POST 요청파라미터를 처리하기 위해 @RequestParam 을 사용한다

[addItemV1 - BasicItemController에 추가]

@PostMapping("/add")
public String addItemV1(@RequestParam String itemName,
                        @RequestParam int price,
                        @RequestParam Integer quantity,
                        Model model) {
                        
	Item item = new Item();
	item.setItemName(itemName);
	item.setPrice(price);
	item.setQuantity(quantity);

	itemRepository.save(item);

	model.addAttribute("item", item);
    
	return "";
}

@RequestParam String itemName 은 addForm.html 의 name="" 값이다.

<input type="text" id="itemName" name="itemName" ~ >

실제 상품을 등록한 뷰 화면

@ModelAttribute

@ModelAttribute - 상품 등록 처리

[addItemV2 - BasicItemController에 추가]

@PostMapping("/add")
public String addItemV2(@ModelAttribute("item") Item item ) {
	
	itemRepository.save(item);
	//model.addAttribute("item",item);
    
	return "basic/item";
}

@ModelAttribute - 요청 파라미터 처리를 해준다.
- Item 객체를 생성하고 요청 파라미터 값을 setXxxx 으로 Item 객체의 필드에 값을 설정해준다.
- Spring이 자동으로 처리해줌 개발자가 직접 setXxxx 메서드를 호출할 필요가 없어진다.
- ```
Item item = new Item();
item.setItemName(itemName);
item.setPrice(price);
item.setQuantity(quantity);
```
@ModelAttribute 은 자동으로 model에 뷰를 넣어준다.
- @ModelAttribute("item") 이름이 ▶ model.addAttribute("item", item) 이다.
- model.addAttribute("item", item) 가 주석처리를 해도 잘 동작한다.

ModelAttribute 이름 생략

[addItemV3 - BasicItemController에 추가]

@PostMapping("/add")
public String addItemV3(@ModelAttribute Item item) {
	
	itemRepository.save(item);
	//model.addAttribute("item",item);
    
	return "basic/item";
}

@ModelAttribute("item") Item item 이름을 생략하면 클래스의 첫글자만 소문자로 변경해서 등록한다.
클래스명 Item ▶ item

ModelAttribute 전체 생략

[addItemV4 - BasicItemController에 추가]

@PostMapping("/add")
public String addItemV4(Item item) {
	
	itemRepository.save(item);
    
	return "basic/item";
}

addItemV1 처럼 단순타입인 String이라면 @RequestParam 이 자동적용되고
객체 타입인 경우 @ ModelAttribute가 자동적용이 된다.
이것 또한 클래스명 Item ▶ item 소문자로 변경해서 모델에 담긴다.

Spring MVC | (2) 상품 상세 , 타임리프

선이데이 — Sun, 31 Mar 2024 20:30:43 +0900

컨트롤러 - 상품 상세 [BasicItemController] 에 추가

//상품 상세
@GepMapping(/{itemId})
public String item(@PathVariable Long itemId, Model model) {
	Item item = itemRepository.findById(itemId);
	model.addAttribute("item", item);
	return "basic/item";
}

@Controller
@RequestMapping("/basic/items")
@RequiredArgsConstructor
public class BasicItemController {

    private final ItemRepository itemRepository;

	//상품 목록
    @GetMapping
    public String items(Model model){
        List<Item> itmes = itemRepository.findAll(); //아이템 전체목록
        model.addAttribute("items", itmes);
        return "basic/items";
    }

	//상품 상세
    @GepMapping(/{itemId})
    public String item(@PathVariable Long itemId, Model model) {
        Item item = itemRepository.findById(itemId);
        model.addAttribute("item", item);
        return "basic/item";
    }
}

뷰 템플릿 [ item.html ]

/resources/templates/basic/item.html

타임리프 설정

<html xmlns:th="http://www.thymeleaf.org">
<link th:href="@{/css/bootstrap.min.css}"

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
            href="../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .container {
        max-width: 560px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="py-5 text-center">
        <h2>상품 상세</h2>
    </div>

    <div>
        <label for="itemId">상품 ID</label>
        <input type="text" id="itemId" name="itemId" class="form-control"
               value="1" th:value="${item.id}" readonly>
    </div>
    <div>
        <label for="itemName">상품명</label>
        <input type="text" id="itemName" name="itemName" class="form-control"
               value="상품A" th:value="${item.itemName}" readonly>
    </div>
    <div>
        <label for="price">가격</label>
        <input type="text" id="price" name="price" class="form-control"
               value="10000" th:value="${item.price}" readonly>
    </div>
    <div>
        <label for="quantity">수량</label>
        <input type="text" id="quantity" name="quantity" class="form-control"
               value="10" th:value="${item.quantity}" readonly>
    </div>
    <hr class="my-4">
    <div class="row">
        <div class="col">
            <button class="w-100 btn btn-primary btn-lg"
                    onclick="location.href='editForm.html'"
                    th:onclick="|location.href='@{/basic/items/{itemId}/edit(itemId=${item.id})}'|"
                    type="button">상품 수정</button>
        </div>
        <div class="col">
            <button class="w-100 btn btn-secondary btn-lg"
                    onclick="location.href='items.html'"
                    th:onclick="|location.href='@{/basic/items}'|"
                    type="button">목록으로</button>
        </div>
    </div>
</div> <!-- /container -->
</body>
</html>

렌더링 하기 - 상품ID

    <div>
        <label for="itemId">상품 ID</label>
        <input type="text" id="itemId" name="itemId" class="form-control"
               value="1" th:value="${item.id}" readonly>
    </div>

상품명
- th:value="${item.itemName}"
가격
- th:value="${item.price}"
수량
- th:value="${item.quantity}"

[뷰화면]

버튼 링크 수정하기

상품수정 버튼
th:onclick="|location.href='@{/basic/items/{itemId}/edit(itemId=${item.id})}'|"
basic/items/1/edit 같은 URL

<button class="w-100 btn btn-primary btn-lg"
        onclick="location.href='editForm.html'"
        th:onclick="|location.href='@{/basic/items/{itemId}/edit(itemId=${item.id})}'|"
        type="button">상품 수정
</button>

목록으로 버튼
th:onclick="|location.href='@{/basic/items}'|"

<button class="w-100 btn btn-secondary btn-lg"
        onclick="location.href='items.html'"
        th:onclick="|location.href='@{/basic/items}'|"
        type="button">목록으로
</button>

Spring MVC | (1) 상품 목록, 뷰 템플릿 , 타임리프

선이데이 — Wed, 27 Mar 2024 21:12:39 +0900

부트스트랩 사용하기

부트스트랩 공식 사이트: https://getbootstrap.com

웹 사이트를 쉽게 만들어주는 틀 같은 것

1. 아래 URL에 접속하여 css 파일을 다운받고 압축풀어서 bootstrap.min.css 를 복사한다.

https://getbootstrap.com/docs/5.0/getting-started/download/

2. 그리고 resources/static/css/bootstrap.min.css 폴더에 추가해보자

3. 실행 후 http://localhost:8080/css/bootstrap.min.css 접속했을때 나오면 정상작동!

/resources/static 에 넣으면 스프링 부트가 정적 리소스를 제공한다

주의!

정적리소스인 /resources/static 에 html을 넣어두면 모두 공개된다 실제 서비스도 공개되기때문에

공개할 필요가 없는 html 을 저장하는것을 주의해야한다

정적 리소스 - 상품 목록 HTML

resources/static/html/items.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <link href="../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container" style="max-width: 600px">
    <div class="py-5 text-center">
        <h2>상품 목록</h2>
    </div>
    <div class="row">
        <div class="col">
            <button class="btn btn-primary float-end"
                    onclick="location.href='addForm.html'" type="button">상품 등록
            </button>
        </div>
    </div>
    <hr class="my-4">
    <div>
        <table class="table">
            <thead>
            <tr>
                <th>ID</th>
                <th>상품명</th>
                <th>가격</th>
                <th>수량</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td><a href="item.html">1</a></td>
                <td><a href="item.html">테스트 상품1</a></td>
                <td>10000</td>
                <td>10</td>
            </tr>
            <tr>
                <td><a href="item.html">2</a></td>
                <td><a href="item.html">테스트 상품2</a></td>
                <td>20000</td>
                <td>20</td>
            </tr>
            </tbody>
        </table>
    </div>
</div> <!-- /container -->
</body>
</html>

정직 리소스를 사용하면 노출 위험이 있으니 보안과 동적 콘텐츠 생성할 수 있는 컨트롤러와 뷰 템플릿으로 개발해보자

뷰 템플릿?

HTML 과 비슷하지만 서버 측에서 동적으로 생성되며 클라이언트에게 전달된다.
그러므로 클라이언트에게 전달하기 전에 템플릿을 처리하여 필요한 데이터를 삽입해준다
위치는 주로 /resources/templates 에 위치한다.

items.html 정적 HTML을 뷰 템플릿(templates) 영역으로 복사하기

/resources/static/items.html → 복사 → /resources/templates/basic/items.html

컨트롤러 의존성 주입(Dependency Injection) 간편화하기

[ BasicItemController ]

@Controller
@RequestMapping("/basic/items")
public class BasicItemController {

    private final ItemRepository itemRepository;
    
    //생성자
    @Autowired
    public BasicItemController(ItemRepository itemRepository){
    	this.itemRepository = itemRepository;
    }
    
}

@Autowired
public BasicItemController(ItemRepository itemRepository){
    this.itemRepository = itemRepository;
}

스프링에서 해당 생성자가 @Autowired 로 의존관계를 주입해주는데 생성자가 하나밖에 없으면 @Autowired를 생략가능하다

@RequiredArgsConstructor
- final 이 붙은 멤버변수만 사용해서 생성자를 자동으로 만들어주는 어노테이션
따라서 private final ItemRepository itemRepository; 에 final을 지우면 안된다 그럼 itemRepository 의존관계가 주입이 안되기 때문

간결해진 [ BasicItemController ]

@Controller
@RequestMapping("/basic/items")
@RequiredArgsConstructor
public class BasicItemController {

    private final ItemRepository itemRepository;
}

이제 컨트롤러와 뷰 템플릿을 개발하기

1. 상품목록 - 타임리프

컨트롤러 [ BasicItemController ]

@Controller
@RequestMapping("/basic/items")
@RequiredArgsConstructor
public class BasicItemController {

    private final ItemRepository itemRepository;
    
    @GetMapping
    public String items(Model model) {
    	List<Item> items = itemRepository.findAll();
        model.addAttribute("items", items);
        return "basic/items";
    }
}

데이터가 없는 상태이니까 테스트용으로 데이터를 넣어보기

//테스트용 데이터 추가
@PostConstruct
public void init(){
    itemRepository.save(new Item("itemA", 1000,10));
    itemRepository.save(new Item("itemB", 2000,20));
}

뷰템플릿 [ items.html ]

타임리프 사용하기

th:href 가 있으면 기존거를 안쓴다

<html xmlns:th="http://www.thymeleaf.org">

<link th:href="@{/css/bootstrap.min.css}"
href="../css/bootstrap.min.css" rel="stylesheet">

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link th:href="@{/css/bootstrap.min.css}"
            href="../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container" style="max-width: 600px">
    <div class="py-5 text-center">
        <h2>상품 목록</h2>
    </div>
    <div class="row">
        <div class="col">
            <button class="btn btn-primary float-end"
                    onclick="location.href='addForm.html'"
                    th:onclick="|location.href='@{/basic/items/add}'|"
                    type="button">상품 등록
            </button>
        </div>
    </div>
    <hr class="my-4">
    <div>
        <table class="table">
            <thead>
            <tr>
                <th>ID</th>
                <th>상품명</th>
                <th>가격</th>
                <th>수량</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="item : ${items}">
                <td><a href="item.html" th:href="@{/basic/items/{itemId}(itemId=${item.id})}" th:text="${item.id}">회원id</a></td>
                <td><a href="item.html" th:href="@{|/basic/items/${item.id}|}" th:text="${item.itemName}">상품명</a></td>
                <td th:text="${item.price}">10000</td>
                <td th:text="${item.quantity}">10</td>
            </tr>

            </tbody>
        </table>
    </div>
</div> <!-- /container -->
</body>
</html>

HTML 에 사용한 타임리프 속성 알아보기

상품 등록 버튼 누르면 http://localhost:8080/basic/items/add 경로로 이동

th:onclick="|location.href='@{/basic/items/add}'|"

<button class="btn btn-primary float-end"
        onclick="location.href='addForm.html'"
        th:onclick="|location.href='@{/basic/items/add}'|"
        type="button">상품 등록
</button>

리터럴 '| |' 문자

타임리프에서 문자와 표현식 등은 분리되어 있기 때문에 더해서 사용해야 해야하는데

| | 을 쓰게 되면 더하기 연산자 없이 한꺼번에 쓸 수 있다

그냥 사용하게 되면

th:onclick="'location.href=' + '\'' + @{/basic/items/add} + '\''"

리터럴 문법

th:onclick="|location.href='@{/basic/items/add}'|"

th:each - 상품 목록 반복출력
th:text 는 단순하게 데이터를 넣어주는 것 (테스트용으로 데이터를 넣은게 바로 들어간다)

<tr th:each="item : ${items}">
    <td><a href="item.html" th:text="${item.id}">회원id</a></td>
    <td><a href="item.html" th:text="${item.itemName}">상품명</a></td>
    <td th:text="${item.price}">10000</td>
    <td th:text="${item.quantity}">10</td>
</tr>

model.addAttribute("items", items);에서 "items"이 HTML 템플릿에서 ${items}에 접근하여 해당 데이터들을 item 에 넣어준다

th:href 문법

회원 ID, 상품명을 클릭시 이동하는 URL 은 같다 (상품id만 나오면 된다. /basic/items/1과 같은 URL이 생성)

th:href="@{/basic/items/{itemId}(itemId=${item.id})}" :
- (itemId=${item.id}) 값이 {itemId} 경로 변수에 들어간다.
th:href="@{|/basic/items/${item.id}|}" : 리터럴을 사용해서 위보다 URL을 간단히 만든 것

<tr th:each="item : ${items}">
    <td><a href="item.html" th:href="@{/basic/items/{itemId}(itemId=${item.id})}" th:text="${item.id}">회원id</a></td>
    <td><a href="item.html" th:href="@{|/basic/items/${item.id}|}" th:text="${item.itemName}">상품명</a></td>
    <td th:text="${item.price}">10000</td>
    <td th:text="${item.quantity}">10</td>
</tr>

Spring MVC | 상품 도메인 개발 (Item, ItemRepository 클래스 및 테스트 코드 작성)

선이데이 — Wed, 27 Mar 2024 20:37:02 +0900

판매 할 상품을 등록, 수정하여 목록을 볼 수 있는 상품 관리 서비스를 만들어보자

도메인 모델

상품 ID
상품명
가격
수량

4가지 기능

상품 목록
상품 등록
상품 수정
상품 상세

상품 도메인 개발

Item - 상품 객체

@Getter @Setter
public class item {

    private Long id;
    private String itemName;
    private Integer price; //Integer은 null일 가능성이 있기때문
    private int quantity;

    //기본 생성자
    public item() {
    }

    public item(String itemName, Integer price, int quantity) {
        this.itemName = itemName;
        this.price = price;
        this.quantity = quantity;
    }
}

* @Data 를 쓰게 되면 getter,setter,required,Tostring...다 만들어줘서 위험하니까 필요한 getter,setter 만 쓴다

ItemRepository - Item 저장소

@Repository //@Component 가 포함돼있어 컴포넌트 대상이 된다
public class ItemRepository {

    //Map<Long, Item> 상품의 id를 키로 사용하여 상품을 빠르게 검색하고 접근하기 위해
    private static final Map<Long, Item> store = new HashMap<>(); //static
    private static long sequence = 0L; //static

    //저장
    public Item save(Item item) {
        item.setId(++sequence);
        store.put(item.getId(),item);

        return item;
    }

    //조회
    public Item findById(Long id){
        return store.get(id);
    }

    //전체 조회
    public List<Item> findAll(){
        return new ArrayList<>(store.values());
    }

    //업데이트
    public void update(Long itemId, Item updateParam){
        Item findItem = findById(itemId);
        findItem.setItemName(updateParam.getItemName());
        findItem.setPrice(updateParam.getPrice());
        findItem.setQuantity(updateParam.getQuantity());
    }

    //테스트용 해시맵 데이터 날리기
    public void clearStore(){
        store.clear();
    }
}

테스트용 클래스 만들기

ItemRepositoryTest

ItemRepository 클래스에 클릭하고 ctrl + shift + T 하면 테스트용 자동완성이 된다 (JUnit5 라이브러리로 하기!)

생성된것을 확인

먼저 저장 테스트

class ItemRepositoryTest {

    ItemRepository itemRepository = new ItemRepository();

    //테스트 끝날때마다 실행해준다 (깔끔하게 지워주기)
    @AfterEach
    void afterEach() {
        itemRepository.clearStore();
    }

    @Test
    void save(){
        //given
        Item item = new Item("itemA",10000,10);
        //when
        Item savedItem = itemRepository.save(item);
        //then
        Item findItem = itemRepository.findById(item.getId());
        assertThat(findItem).isEqualTo(savedItem); //조회한값=저장된값 테스트
    }
}

import org.assertj.core.api.Assertions;

Assertions.assertThat(findItem).isEqualTo(savedItem);

Assertions 에 커서를 두고 alt + enter 해서 Add on-demand~~ 클릭하면 앞으로 Assertions 생략해도 된다.

두번째 전체 조회 테스트

@Test
void findAll(){
    //given
    Item item1 = new Item("item1",10000,10);
    Item item2 = new Item("item2",20000,20);

    itemRepository.save(item1);
    itemRepository.save(item2);
    
    //when
    List<Item> result = itemRepository.findAll();
    
    //then
    assertThat(result.size()).isEqualTo(2); //2개가 맞는지
    assertThat(result).contains(item1,item2); //item1과 item2 가 있는지

}

테스트 동작해보기

색체크가 나오면 잘 동작한다는것!

세번째 업데이트 테스트 해보고 정상동작하는지 실행해보기

@Test
void updateItem(){
    //given
    Item item = new Item("item1",10000,10);

    Item savedItem = itemRepository.save(item);
    Long itemid = savedItem.getId();

    //when
    Item updateParam = new Item("item2", 20000, 20);
    itemRepository.update(itemid,updateParam);

    //then
    Item findItem = itemRepository.findById(itemid);
    assertThat(findItem.getItemName()).isEqualTo(updateParam.getItemName());
    assertThat(findItem.getPrice()).isEqualTo(updateParam.getPrice());
    assertThat(findItem.getQuantity()).isEqualTo(updateParam.getQuantity());
}