feat: ItemController DELTE /items/{id} 요청 매핑 추가

- {id} 정보를 삭제하는 기능을 한다.
- admin.js axios 요청 설정 추가

Co-authored-by: dooboocookie <[email protected]>

README.md

@@ -9,7 +9,7 @@
  - 상품 이름
  - 상품 이미지
  - 상품 가격
-- [ ] 상품 관리 CRUD API 작성
+- [x] 상품 관리 CRUD API 작성
  - [x] 상품 생성
  - [x] POST /item 요청과 매핑
  - [x] db에 저장한다
@@ -19,9 +19,9 @@
  - [x] 상품 수정
  - [x] PUT /item 요청과 매핑
  - [x] 특정 item의 정보를 수정한다
- - [ ] 상품 삭제
- - [ ] DELETE /item 요청과 매핑
- - [ ] 특정 item을 삭제한다
+ - [x] 상품 삭제
+ - [x] DELETE /item 요청과 매핑
+ - [x] 특정 item을 삭제한다
 - [ ] 관리자 도구 페이지 연동
  - [x] /admin 요청
  - [x] 모든 상품 목록을 담고 있는 html을 응답한다
@@ -31,5 +31,5 @@
  - [x] 수정 버튼 클릭
  - [x] 수정할 상품 정보를 입력한다
  - [x] submit 버튼을 클릭해 해당 행의 상품 정보를 수정한다
- - [ ] 삭제 버튼 클릭
- - [ ] 해당 행의 정보를 삭제한다
+ - [x] 삭제 버튼 클릭
+ - [x] 해당 행의 정보를 삭제한다

src/main/java/cart/controller/ItemController.java

@@ -44,4 +44,9 @@ public ResponseEntity updateItem(@PathVariable final Long itemId,
  return ResponseEntity.status(HttpStatus.CREATED).build();
  }
 
+ @DeleteMapping("/{itemId}")
+ public ResponseEntity deleteItem(@PathVariable final Long itemId) {
+ itemService.deleteItem(itemId);
+ return ResponseEntity.status(HttpStatus.OK).build();
+ }
 }

src/main/resources/static/js/admin.js

@@ -79,10 +79,10 @@ const updateProduct = (product) => {
  });
 };
 
-// TODO: [1단계] 상품 관리 CRUD API에 맞게 변경
 const deleteProduct = (id) => {
  axios.request({
- url: '',
+ url: '/items/' + id,
+ method: 'delete'
  }).then((response) => {
  window.location.reload();
  }).catch((error) => {