[JavaDoc] 만들기

 - 해당 프로젝트 오른쪽 클릭 > Export > Javadoc

 

next > next 이후 Encoding 파라미터 설정 

 

프로젝트 경로 내에 doc 폴더로 생성

 

index.html 실행 시 화면

 - Packages, Classes, 등등 javadocs로 프로젝트 구성을 볼 수 있다.

Javadoc에 적용되는 주석 상태

 - 기본적으로 설정되어 있는 author는 적용

 - date를 생성하여 적용해봤지만 문서에는 적용이 안됨

 - 해당 클래스나 메서드에 설명은 /** .. */ 주석의 맨 위에 작성해야 나옴

 - 주석은 계속 수정이 필요. 

 

Javadoc 주석(/** .. */) 내에 작성한 내용이 수정되지 않는 것을 원하는 경우 <pre> ... </pre>안에 작성

 

 

 * 주석도 활용할 수 있는 형식으로 작성하도록 하자

'Edu > BoostCourse - Web' 카테고리의 다른 글

[BoostCourse] Verification and Validation  (0) 2020.03.02
[BoostCourse] 웹 접근성  (0) 2020.03.02
[File Download] Resource interpreted as Document but transferred with MIME type image/jpeg  (0) 2020.02.20
[File Upload] Request processing failed; nested exception is org.springframework.web.multipart.MultipartException: Current request is not a multipart request  (0) 2020.02.18
[MultipartResolver] Unable to locate MultipartResolver with name 'multipartResolver'  (0) 2020.02.17

[이미지 다운로드 시 브라우저 내에 Console 오류]

 - 다운로드 구현 시 파일 다운로드는 정상적으로 되는데 브라우저 내에 콘솔에 오류가 뜸

https://stackoverflow.com/questions/6587393/resource-interpreted-as-document-but-transferred-with-mime-type-application-zip

 

Resource interpreted as Document but transferred with MIME type application/zip

With Chrome 12.0.742.112, if I redirect with the following headers: HTTP/1.1 302 Found Location: http://0.0.0.0:3000/files/download.zip Content-Type: text/html; charset=utf-8 Cache-Control: no-ca...

stackoverflow.com

 

[해결방안 1]

HTML5의 경우 <a> 태그 내에 download 속성을 추가

 * 단 chrome외에 브라우저는 정상작동이 되지 않음

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download

'Edu > BoostCourse - Web' 카테고리의 다른 글

[BoostCourse] 웹 접근성  (0) 2020.03.02
[JavaDocs] Javadoc 문서 만들기  (0) 2020.03.01
[File Upload] Request processing failed; nested exception is org.springframework.web.multipart.MultipartException: Current request is not a multipart request  (0) 2020.02.18
[MultipartResolver] Unable to locate MultipartResolver with name 'multipartResolver'  (0) 2020.02.17
[BoostCourse] Spring MVC FileUpload  (0) 2020.02.01

[현상]

Request processing failed; nested exception is org.springframework.web.multipart.MultipartException: Current request is not a multipart request

 

[기존 업로드 구현 방식]

 - multipartResolver를 bean으로 등록 CommonsMultipartResolver를 활용하여 파일 업로드 기능 구현

 - Ajax 호출로 파일 데이터를 전송

 

[문제점]

 - 기존에 사용하던 ajax 공통 호출 함수는 header를 각 호출 장소에서 설정하도록 작성

function callAjax(method, url, data, contentType, fn) {
let xhr = new XMLHttpRequest();
if (!xhr) {
alert('Can not build XMLHttp instance !');
return false;
}
if (method === 'post') {
xhr.open(method, url, true);
xhr.setRequestHeader('Content-Type', contentType);
xhr.send(data);
} else { /* get, put */
xhr.open(method, url);
xhr.send();
}
xhr.addEventListener('load', fn);
}
view raw ajax_origin hosted with ❤ by GitHub

 - 파일 업로드를 위해 Content-Type에 multipart/form-data를 설정하여 호출했으나 오류발생

 

[해결방식]

 - 기본적인 Ajax 코드로 테스트하여 정상적인 기능 확인

let xhr = new XMLHttpRequest();
xhr.open("post", `/api/reservations/${this.reservationInfoId.value}/comments`, true);
xhr.send(data);
xhr.onload = function(event) {
if(xhr.status == 200) {
console.dir(xhr.status);
debugger;
} else {
console.dir("fail");
}
};
view raw javascript_ajax hosted with ❤ by GitHub

 - setRequestHeader를 제거한 뒤 기존의 ajax 공통 함수 호출 테스트

function callAjax(method, url, data, contentType, fn) {
let xhr = new XMLHttpRequest();
if (!xhr) {
alert('Can not build XMLHttp instance !');
return false;
}
if (method === 'post' && contentType != undefined) {
xhr.open(method, url, true);
xhr.setRequestHeader('Content-Type', contentType);
xhr.send(data);
} else if(method === 'post') {
/* header 설정 X */
xhr.open(method, url, true);
xhr.send(data);
} else {
/* get, put */
xhr.open(method, url);
xhr.send();
}
xhr.addEventListener('load', fn);
}
view raw ajax hosted with ❤ by GitHub

 

[원인]

 - multipart/form-data로 데이터 전송 시 jquery에서는 contentType을 false로 설정하여 작성되는 글들을 확인

 - 왜 contentType을 multipart/form-data로 설정하면 안되는지 검색

 

[데이터 전송 실패일 때 Request Header]

[데이터 전송 성공일 때 Request Header]

 

 * Content-Type을 확인해보면 boundary의 유무 차이 확인할 수 있다.
 * multipart/form-data를 사용할 때는 Ajax 호출 시 contentType을 설정하지 않아야
정상적으로 multipart/form-data; boundary ...로 파일 이 전송된다.

 

https://repacat.tistory.com/38

 

[파일업로드] Ajax 방식

파일업로드 Ajax 방식의 핵심은 FormData 라는 브라우저에서 지원하는 클래스이다. FormData 는

과 같은 효과를 가져다주는 key/value 가 저장되는 객체이다. 태그처럼 데이터를 처리할 수 있게 해..

 

repacat.tistory.com

 

'Edu > BoostCourse - Web' 카테고리의 다른 글

[JavaDocs] Javadoc 문서 만들기  (0) 2020.03.01
[File Download] Resource interpreted as Document but transferred with MIME type image/jpeg  (0) 2020.02.20
[MultipartResolver] Unable to locate MultipartResolver with name 'multipartResolver'  (0) 2020.02.17
[BoostCourse] Spring MVC FileUpload  (0) 2020.02.01
[REGEXP] 전화번호  (0) 2020.01.20

[오류 내용 확인]

[2020-02-17 16:03:17.193] DEBUG [o.s.w.s.DispatcherServlet.initMultipartResolver:515] - Unable to locate MultipartResolver with name 'multipartResolver': no multipart request handling provided

 

[내용]

 - 파일업로드 기능 구현중에 테스트 프로젝트를 만들어 파일 업로드 기능을 구현한 뒤 부스트코스에 적용할 때 위와 같은 오류 발생

 

[원인]

 - WebMvcContextConfiguration 클래스에 multipartResolver bean으로 등록할 때 multiPartResolver 메서드로 등록

 

[해결책]

 - multipartResolver 메서드로 수정

 

참고

https://www.baeldung.com/spring-file-upload

 

Uploading Files with Spring MVC | Baeldung

In this article, we focus multipart (file upload) support in Spring MVC web applications.

www.baeldung.com

 

'Edu > BoostCourse - Web' 카테고리의 다른 글

[File Download] Resource interpreted as Document but transferred with MIME type image/jpeg  (0) 2020.02.20
[File Upload] Request processing failed; nested exception is org.springframework.web.multipart.MultipartException: Current request is not a multipart request  (0) 2020.02.18
[BoostCourse] Spring MVC FileUpload  (0) 2020.02.01
[REGEXP] 전화번호  (0) 2020.01.20
[BoostCource] Test 코드 작성하면서 프로젝트 만들기  (0) 2019.12.04

[사전 정보]

 - View에서 파일을 선택할 수 있는 방법

 - 썸네일 이미지를 어떻게 보여줄 것인가

 - 파일을 업로드 할 때 서버에서 해야할 것들, 필요한 라이브러리

 

[파일 업로드 프로토타입 만들기]

 - 파일 선택 후 submit할 때, 파일 업로드가 될 수 있도록 프로토타입을 만듦

 - 일반적으로는 화면에 썸네일 이미지를 노출하기 위해서 비동기로 파일 업로드 한 뒤, 응답 값으로 이미지 경로를 받아 처리한다고 한다.

 - 하지만 여기서는 파일 선택 시 script를 이용하여 createObjectURL를 활용하여 썸네일 이미지를 노출하도록 한다.

파일 업로드 HTML 폼 작성
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<br><br>
<form method="post" name="singleform" action="/upload" enctype="multipart/form-data">
<label for="file">SingleFile: </label>
<input type="file" name="file" accept="image/*"><br />
<input type="submit">
</form>
<div>
<ul>
<li>
<img class="thumb_img" src="" width="130" />
</li>
</ul>
</div>
<br><br>
<form method="post" name="multiform" action="/multiupload" enctype="multipart/form-data">
<label for="files">MultiFile: </label>
<input type="file" name="files" multiple>
<br />
<div id="src"> </div>
<input type="submit">
</form>
<div>
<ul class="thumb_imgs">
</ul>
</div>
</body>
</html>
view raw gistfile1.txt hosted with ❤ by GitHub

 

파일 업로드 핸들링 JS 작성
document.addEventListener("DOMContentLoaded", function() {
new FileForm();
});
function FileForm() {
_this = this;
_this.single();
_this.multi();
}
FileForm.prototype = {
/* 이미지 타입 체크*/
validImageType(image) {
const result = ([ 'image/jpeg',
'image/png',
'image/jpg' ].indexOf(image.type) > -1);
return result;
},
/* Single */
single() {
const singleForm = document.singleform;
/* 단일 파일 업로드 */
singleForm.addEventListener("change", function(event) {
let singleFileList = event.target.files[0];
if(!_this.validImageType(singleFileList)) {
console.warn("invalide image file type");
return;
}
const elImage = document.querySelector(".thumb_img");
elImage.src = window.URL.createObjectURL(singleFileList);
});
singleForm.addEventListener("submit", function(event) {
let form = new FormData(singleForm);
let entry = form.entries();
console.dir(entry.next());
});
},
/* MultiFile */
multi() {
const multiForm = document.multiform;
/* 멀티 파일 업로드 */
multiForm.addEventListener("change", function(event) {
let multiFileList = event.target.files;
/* 배열과 같은 객체(길이를 갖는 객체)를 배열로 변환 */
multiFileList = Array.from(multiFileList);
let ulTag = document.querySelector(".thumb_imgs");
multiFileList.forEach(function(item) {
if(!_this.validImageType(item)) {
console.warn("invalide image file type");
return;
}
let liTag = document.createElement("li");
let imgTag = document.createElement("img");
imgTag.src = window.URL.createObjectURL(item);
imgTag.width = '120';
liTag.appendChild(imgTag);
ulTag.appendChild(liTag);
});
});
multiForm.addEventListener("submit", function(event) {
let mFile = new FormData(multiForm);
let mfiles = mfile.entries();
console.dir(mfiles);
});
}
}
view raw file_script hosted with ❤ by GitHub

 

파일 업로드 Controller
@PostMapping(path = "/upload")
public String postFilePage(@RequestParam("file") MultipartFile file, ModelMap modelMap) throws IOException {
if(!file.isEmpty()) {
file.transferTo(new File(makeDir() + "/" + file.getOriginalFilename()));
modelMap.put("file", file);
modelMap.put("filepath", file.getOriginalFilename());
} else {
return "uploadForm";
}
return "uploadok";
}
/* 경로 만들기 */
private String makeDir() {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd");
Calendar cal = Calendar.getInstance();
File dir = new File(FILE_PATH + new StringBuilder(sdf.format(cal.getTime())).toString());
/* 폴더 생성 */
if(!dir.isDirectory()) {
dir.mkdirs();
}
return dir.getAbsolutePath();
}
/* 파일명 만들기 */
private String makeFileName(String originalFilename) {
SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd_HHmmss");
Calendar cal = Calendar.getInstance();
StringBuilder sb = new StringBuilder();
sb.append(sdf.format(cal.getTime()));
sb.append("_");
sb.append(originalFilename);
return sb.toString();
}
view raw single_file_upload_controller hosted with ❤ by GitHub

 

[이미지 파일 외부 경로 설정 방법]

 1. 톰캣 사용할 경우 Server.xml 내에 <Context> 태그 사용하여 프로젝트 외부 폴더를 읽을 수 있도록 하기

 2. addResourceHandlers()에 registry에서 프로젝트 외부 파일 경로를 읽을 수 있도록 하기

 3. 이미지 호출 URL에 대한 Controller를 만들어 사용

 

 

[파일 다운로드 프로토타입 만들기]

 - View 구성

  1. href를 이용하여 '/naver/download?fileName=${파일명 }' url로 controller 호출

<c:set var="file" value="${file }" />
<c:if test="${file != null }">
<c:out value="파일명: ${file.getOriginalFilename() }" /> <br />
<c:out value="파일 타입: ${file.getContentType() }" /> <br />
<c:out value="파일 사이즈: ${file.getSize() / 1000 } kb" /> <br />
<div style="border: 1px solid gold">
<a href="/naver/download?fileName=${image }">
<img src="/naver/img/${image}" />
</a>
</div>
<br />
</c:if>
view raw single_file_download hosted with ❤ by GitHub

 - Controller

 1. 파일명, 파일 전체 경로, 파일 타입, 파일 용량 등을 response에 설정

 2. OutputStream을 통해 파일 쓰기

@GetMapping("/download")
public void downloadFile(@RequestParam("fileName") String fileNm, HttpServletResponse response) {
// 파라미터를 통해 파일의 정보를 가져와 reponse에 세팅
String fileName = "3.png";
String saveFileName = "c:/tmp/2020/02/07/3.png";
String contentType = "image/png";
int fileLength = 116303;
response.setHeader("Content-Disposition", "attachment; filename=\"" + fileName + "\";");
response.setHeader("Content-Transfer-Encoding", "binary");
response.setHeader("Content-Type", contentType);
response.setHeader("Content-Length", "" + fileLength);
response.setHeader("Pragma", "no-cache;");
response.setHeader("Expires", "-1;");
try (
FileInputStream fis = new FileInputStream(saveFileName);
OutputStream out = response.getOutputStream();) {
int readCount = 0;
byte[] buffer = new byte[1024];
while ((readCount = fis.read(buffer)) != -1) {
out.write(buffer, 0, readCount);
}
}catch(Exception ex){
throw new RuntimeException("file Save Error");
}
}
view raw single_file_download_controller hosted with ❤ by GitHub

 

[프로젝트에 적용해야 할 부분]

 - 파일 업로드 시 DB에 파일 경로 저장

 - 업로드 시 thumbnail은 JS 사용

 - 업로드 후 내용 볼 때 섬네일 이미지는 한줄평 이미지의 id 값으로 이미지 호출 controller를 활용하여 thumbnail 출력

 - 다운로드 시 한줄평 이미지의 id 값으로 경로를 가져와 다운로드 작성

'Edu > BoostCourse - Web' 카테고리의 다른 글

[File Upload] Request processing failed; nested exception is org.springframework.web.multipart.MultipartException: Current request is not a multipart request  (0) 2020.02.18
[MultipartResolver] Unable to locate MultipartResolver with name 'multipartResolver'  (0) 2020.02.17
[REGEXP] 전화번호  (0) 2020.01.20
[BoostCource] Test 코드 작성하면서 프로젝트 만들기  (0) 2019.12.04
[웹 프로그래밍] 프로젝트 4 이후 정리  (0) 2019.02.10

'Edu > BoostCourse - Web' 카테고리의 다른 글

[MultipartResolver] Unable to locate MultipartResolver with name 'multipartResolver'  (0) 2020.02.17
[BoostCourse] Spring MVC FileUpload  (0) 2020.02.01
[BoostCource] Test 코드 작성하면서 프로젝트 만들기  (0) 2019.12.04
[웹 프로그래밍] 프로젝트 4 이후 정리  (0) 2019.02.10
[BoostCourse] 웹개발 4.4 Handlebar를 활용한 Template 작업  (0) 2019.01.04

[BoostCourse] 테스트 코드 만들기

 * 더 정리가 필요

이 글은 테스트 코드 없이 손으로 그림그려가면서 코딩하는 부족한 날 위한 글

 

 - 사전내용

바쁘다는 핑계로 프로젝트를 뒤로 미루다가 다시 하려니 생각이 잘 안나고.. 리펙토링 해야 할 부분도 많고, 답도 안나오고...
몇 개월전에 『테스트 주도 개발(Test-Driven Development: By Example)』이란 책을 읽고,
내게 부족한 부분을 채워줄 수 있을 것 같아서 흉내내 보았다.

 

 이 글을 쓰는 시점은 PJT 4까지 완료하고 5개월이 지나고 PJT 5를 다시 시작하려한다.
 - 목표
1. src/test/java 폴더에 class 파일 만들기
2. 테스트 클래스에 Annotation 적용하기
3. @Test Annotation을 적용한 테스트 메서드 만들기
4. Controller에 @Mockito 적용하여 API 테스트 작성

 

 - 기존 테스트 코드

기존에도 소스 내에 print()만 안찍었지 비슷한 수준의 테스트 클래스를 작성하여 흉내만 냈었다.

 

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(classes = { ApplicationConfig.class })
@WebAppConfiguration
public class TestDao {
private static final Logger log = LoggerFactory.getLogger(TestDao.class);
/* TEST 카테고리 */
@Autowired private CategoryDao categoryDao;
/* TEST 프로모션 */
@Autowired private PromotionDao promotionDao;
/* TEST 상품 */
@Autowired private ProductDao productDao;
/* TEST 전시정보 */
@Autowired private DisplayInfoDao displayInfoDao;
/* TEST 한줄평 */
@Autowired private CommentDao commentDao;
/* 예약 등록 한줄평 */
@Autowired private ReservationDao reservationDao;
@Test
@Ignore
public void getCategories() {
List<Category> categories = categoryDao.getCategories();
for(Category category : categories) {
log.debug(" LOG : categories :: \n {}", category.print());
}
}
@Test
@Ignore
public void getPromotions() {
...
}
...
@Test
@Ignore
public void getReservations() {
...
}
}
view raw test.dao hosted with ❤ by GitHub

 

 - 카테고리 (/api/categories) 결과 값

 

[2019-12-05 09:41:19.778] DEBUG [k.o.s.n.d.TestDao.getCategories:49] - LOG : categories ::
Category [
count=10
, id=1
, name=전시
]
[2019-12-05 09:41:19.779] DEBUG [k.o.s.n.d.TestDao.getCategories:49] - LOG : categories ::
Category [
count=10
, id=2
, name=뮤지컬
]
[2019-12-05 09:41:19.779] DEBUG [k.o.s.n.d.TestDao.getCategories:49] - LOG : categories ::
Category [
count=10
, id=3
, name=콘서트
]
[2019-12-05 09:41:19.780] DEBUG [k.o.s.n.d.TestDao.getCategories:49] - LOG : categories ::
Category [
count=10
, id=4
, name=클래식
]
[2019-12-05 09:41:19.780] DEBUG [k.o.s.n.d.TestDao.getCategories:49] - LOG : categories ::
Category [
count=10
, id=5
, name=연극
]
view raw test.dao.data hosted with ❤ by GitHub

 

위와 같은 자바 클래스를 Repository, Service까지는 대충 적용 되는 것처럼 보인다.
물론 테스트 코드에 대한 개념과 깊이가 없어 데이터를 출력해보는 것 이상의 정보는 보이지 않는다.

 

 

여기서부터가 문제인데 웹 프로젝트에서 request 값이 정상적으로 요청이 들어와
Service Layer, Repository Layer의 함수를 호출하는 것은

단순하게 함수를 호출하여 결과 값이 내가 만든 결과 값이 나오는지 확인이 가능하다.

Controller도 기존에 만들었던 똑같은 테스트 방식으로 파라미터 넣고 호출하도록 했었다.

 

하지만 Controller의 목적은 Model과 View간에 상호 동작을 관리 하는 것이다.

즉, View에서 request한 값을 받아 Model에 전해주고, Model의 결과 값을 View에 전달해주는 것

 

지금처럼 테스트 하면 View에서 request한 값을 받을 수 있는 방법이 없다.

 

그래서 적용한 것이 Mockito이다.

 

 - dependency 추가

spring-test, junit은 기존에 쓰고 있었고, mockito-all만 새로추가
<!-- https://mvnrepository.com/artifact/org.springframework/spring-test -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>${spring.version}</version>
<scope>test</scope>
</dependency>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>test</scope>
</dependency>
<!-- https://mvnrepository.com/artifact/org.mockito/mockito-all -->
<dependency>
<groupId>org.mockito</groupId>
<artifactId>mockito-all</artifactId>
<version>1.9.5</version>
<scope>test</scope>
</dependency>
view raw pom.mockito hosted with ❤ by GitHub

 

 - Controller 테스트 코드

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(
classes = { ApplicationConfig.class, WebMvcContextConfiguration.class }
, loader = AnnotationConfigWebContextLoader.class)
@WebAppConfiguration
@Transactional(readOnly=true)
public class TestAPIController {
@Autowired
protected WebApplicationContext wac;
private MockMvc mockMvc;
@Mock
CategoryService categoryService;
@Mock
PromotionService promotionService;
@Mock
DisplayInfoService displayInfoService;
@Mock
ProductService productService;
@Mock
ReservationService reservationService;
@InjectMocks
APIController apiController;
@Before
public void setUp() throws Exception {
MockitoAnnotations.initMocks(this);
mockMvc = MockMvcBuilders.webAppContextSetup(wac).build();
}
@Test
@Ignore
public void getCategories() throws Exception {
mockMvc.perform(MockMvcRequestBuilders.get("/api/categories"))
.andExpect(MockMvcResultMatchers.status().isOk())
.andDo(MockMvcResultHandlers.print());
}
@Test
@Ignore
public void getPromotions() throws Exception {
mockMvc.perform(MockMvcRequestBuilders.get("/api/promotions"))
.andExpect(MockMvcResultMatchers.status().isOk())
.andDo(MockMvcResultHandlers.print());
}
@Test
@Ignore
public void getProducts() throws Exception {
mockMvc.perform(
MockMvcRequestBuilders.get("/api/products/")
.param("categoryId" , "0").param("start", "0"))
.andExpect(MockMvcResultMatchers.status().isOk())
.andDo(MockMvcResultHandlers.print());
}
@Test
@Ignore
public void getDisplayInfo() throws Exception {
int displayInfoId = 1;
mockMvc.perform(MockMvcRequestBuilders.get("/api/products/" + displayInfoId))
.andExpect(MockMvcResultMatchers.status().isOk())
.andDo(MockMvcResultHandlers.print());
}
Map<String, Object> reservationParam = new HashMap<>();
@Before
@Ignore
public void setReservationParam() {
SimpleDateFormat sdf = new SimpleDateFormat("yyyy.MM.dd");
Calendar temp = Calendar.getInstance();
temp.add(Calendar.DAY_OF_MONTH, (int) ((Math.random() * 5)));
reservationParam.put("displayInfoId" , 1);
reservationParam.put("productId" , 1);
reservationParam.put("reservationEmail" , "seok@connect.co.kr");
reservationParam.put("reservationName" , "석래");
reservationParam.put("reservationTelephone" , "010-0000-0001");
reservationParam.put("reservationYearMonthDay", sdf.format(temp.getTime()));
List<Map<String, Object>> prices = new ArrayList<>();
Map<String, Object> price = new HashMap<>();
price.put("count", 1);
price.put("productPriceId", 1);
if(price.size() > 0) {
prices.add(price);
}
reservationParam.put("prices", prices);
}
private MediaType contentType =
new MediaType(
MediaType.APPLICATION_JSON.getType(),
MediaType.APPLICATION_JSON.getSubtype(),
Charset.forName("utf8"));
/**
* @Date : 2019. 12. 7.
* @Description
* Post용 테스트 케이스 작성 필요
* @throws Exception
*/
@Test
@Ignore
@Transactional(readOnly=false)
public void postReservation() throws Exception {
this.mockMvc.perform(
MockMvcRequestBuilders.post("/api/reservations")
.contentType(contentType))
.andDo(MockMvcResultHandlers.print())
.andExpect(MockMvcResultMatchers.status().isOk())
;
}
@Test
// @Ignore
public void getReservations() throws Exception {
String reservationEmail = "kimjinsu@connect.co.kr";
this.mockMvc.perform(
MockMvcRequestBuilders.get("/api/reservations")
.param("resrvEmail", reservationEmail))
.andExpect(MockMvcResultMatchers.status().isOk())
.andDo(MockMvcResultHandlers.log())
.andDo(MockMvcResultHandlers.print());
}
}
view raw test.controller hosted with ❤ by GitHub

 

 - Mockito 적용 전 참고해야할 설정

web.xml에 설정되어 있는 servlet 설정

AnnotationConfigWebApplicationContext - DispatcherServlet에게 annotation 기반의 자바 설정 로드
WebMvcContextConfiguration - 자바 베이스 스프링 설정

 

<servlet>
<servlet-name>springDispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<init-param>
<param-name>contextClass</param-name>
<param-value>org.springframework.web.context.support.AnnotationConfigWebApplicationContext</param-value>
</init-param>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>kr.or.seok.naver.config.WebMvcContextConfiguration</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
view raw test.web.dispatcherServlet hosted with ❤ by GitHub

 

 - 상단 어노테이션 설정

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(
classes = { ApplicationConfig.class, WebMvcContextConfiguration.class }
, loader = AnnotationConfigWebContextLoader.class)
@WebAppConfiguration
@Transactional(readOnly=true)
view raw test.annotation hosted with ❤ by GitHub

@RunWith docs

 - 스프링 테스트를 Junit으로 돌리기 위한 어노테이션 

 

@ContextConfiguration docs

 - ApplicationConfig.class, WebMvcContextConfiguration.class를 spring context의 빈 설정 파일로 사용

 * contextConfigLocation로 사용하고 있는 클래스인 WebMvcContextConfiguration 클래스를 @ContextConfiguration에 추가 안하면 Dispatcher가 URL를 매핑할 controller를 찾지못한다.

 

@WebAppConfiguration docs

 - 테스트할 DI 컨테이너를 웹 어플리케이션 전용 DI 컨테이너로 처리

 

위에 내용이 설정되어야 Test 클래스에서 스프링 MVC 동작을 재현할 수 있다.

 

 - MockMvc 선언

@Autowired
protected WebApplicationContext wac;
private MockMvc mockMvc;
@Before
public void setUp() throws Exception {
MockitoAnnotations.initMocks(this);
mockMvc = MockMvcBuilders.webAppContextSetup(wac).build();
}
view raw test.MockMvc.config hosted with ❤ by GitHub
  • MockitoAnnotations.iniMocks()
    • @Mock, @Spy, @Captor, @InjectMocks이설정된 객체를 초기화 해준다.
  • MockMvc
    • MockMvc로 초기화된 DispatcherServlet 인스턴스를 반환한다.
  • MockMvcBuilders.webAppContextSetup(WebApplicationContext context)
    • DisplatcherServlet은 스프링 MVC기반 구조와 응용프로그램 컨트롤러를 찾아 ServletContext로 설정된 Context를 사용하도록 한다.
  • MockMvcBuilders.standaloneSetup(Object... controllers)
    • 하나 이상의 @Controller 인스턴스를 등록하거나 스프링 MVC 인프라를 프로그래밍적인 설정을 통해 MockMvc를 빌드한다.

 

 

 - Mock 객체 선언

@Mock
CategoryService categoryService;
@Mock
PromotionService promotionService;
@Mock
DisplayInfoService displayInfoService;
@Mock
ProductService productService;
@Mock
ReservationService reservationService;
@InjectMocks
APIController apiController;
view raw test.mock.config hosted with ❤ by GitHub
  • @Mock
    • 테스트에 필요한 객체를 신속하게 생성할 수 있다.
    • 반복적인 모의 생성 코드를 최소하 하도록 한다.
    • 테스트 클래스를 읽기 쉽게 만든다.
    • 필드 이름이 Mock을 식별하는데 사용되어 확인된 오류를 읽기 쉽게 만들어준다.
  • @InjectMock
    • class의 인스턴스를 생성하고 @Mock(또는 @Spy) Annotation으로 생성된 mock instance를 class의 instance에 주입한다.
    • 이 mock instance를 초기화하고 주입하려 @RunWit(MockitoJunitRunner.class) 또는 MockitoAnnotations.init(this)를 사용해야 한다. 

 

 - 테스트에 필요한 static factory 메서드

static factory 메서드 설명
MockMvcRequestBuilders  요청 데이터를 설정할 때 사용할 static 메서드
MockMvcResultMatchers 
 실행 결과를 검증할 때 사용할 static 메서드
MockMvcResultHandlers 
 실행 결과를 로그 등으로 출력할 때 사용할 static 메서드

 

 - Mockito로 카테고리 API(get: /api/categories) 테스트 코드

 

@Test
public void getCategories() throws Exception {
mockMvc.perform(MockMvcRequestBuilders.get("/api/categories"))
.andExpect(MockMvcResultMatchers.status().isOk())
.andDo(MockMvcResultHandlers.print());
}
view raw api.categories.code hosted with ❤ by GitHub

 

 - Mockito로 카테고리 API(get: /api/categories) 테스트 결과 값

 

MockHttpServletRequest:
HTTP Method = GET
Request URI = /api/categories
Parameters = {}
Headers = {}
Handler:
Type = kr.or.seok.naver.controller.APIController
Method = public java.util.Map<java.lang.String, java.lang.Object> kr.or.seok.naver.controller.APIController.getCategories()
Async:
Async started = false
Async result = null
Resolved Exception:
Type = null
ModelAndView:
View name = null
View = null
Model = null
FlashMap:
Attributes = null
MockHttpServletResponse:
Status = 200
Error message = null
Headers = {Content-Type=[application/json;charset=UTF-8]}
Content type = application/json;charset=UTF-8
Body = {"items":[{"count":10,"id":1,"name":"전시"},{"count":10,"id":2,"name":"뮤지컬"},{"count":10,"id":3,"name":"콘서트"},{"count":10,"id":4,"name":"클래식"},{"count":10,"id":5,"name":"연극"}]}
Forwarded URL = null
Redirected URL = null
Cookies = []
view raw api.categories.data hosted with ❤ by GitHub

 

 - Mockito로 예약 API(get: /api/reservations) 테스트코드

 

@Test
@Transactional(readOnly=false)
public void getReservations() throws Exception {
String reservationEmail = "kimjinsu@connect.co.kr";
this.mockMvc.perform(
MockMvcRequestBuilders.get("/api/reservations")
.param("resrvEmail", reservationEmail))
.andExpect(MockMvcResultMatchers.status().isOk())
.andDo(MockMvcResultHandlers.log())
.andDo(MockMvcResultHandlers.print());
}
view raw api.reservations.test hosted with ❤ by GitHub

 

 - Mockito로 예약 API(get: /api/reservations) 테스트 결과 값

 

[2019-12-06 23:44:27.504] INFO [k.o.s.n.i.LogInterceptor.preHandle:40] - [Request Process ServerName:localhost] [Method:GET] [URL:http://localhost/api/reservations] [Parameter:] [Controller Method:getReservations()] [Session : null]
MockHttpServletRequest:
HTTP Method = GET
Request URI = /api/reservations
Parameters = {resrvEmail=[kimjinsu@connect.co.kr]}
Headers = {}
Handler:
Type = kr.or.seok.naver.controller.APIController
Method = public java.util.Map&amp;amp;lt;java.lang.String, java.lang.Object&amp;amp;gt; kr.or.seok.naver.controller.APIController.getReservations(java.lang.String)
Async:
Async started = false
Async result = null
Resolved Exception:
Type = null
ModelAndView:
View name = null
View = null
Model = null
FlashMap:
Attributes = null
MockHttpServletResponse:
Status = 200
Error message = null
Headers = {Content-Type=[application/json;charset=UTF-8]}
Content type = application/json;charset=UTF-8
Body = {"reservations":[{"reservationInfoId":1,"productId":1,"displayInfoId":1,"cancelYn":false,"reservationDate":"2019-08-25 20:11:22.0","reservationEmail":"kimjinsu@connect.co.kr","reservationName":"김진수","reservationTelephone":"010-0000-0001","createDate":"2019-08-25 20:11:22.0","modifyDate":"2019-08-25 20:11:22.0","displayInfo":{"displayInfoId":1,"productId":1,"categoryId":1,"email":"","homepage":"daelimmuseum.org","openingHours":"- 관람시간: 화, 수, 금, 일요일 오전 10시 - 오후 6시 *전시 종료 30분 전 입장 마감됩니다.\r\n- 야간개관: 목, 토요일 오전 10시 - 저녁 8시 *전시 종료 30분 전 입장 마감됩니다.\r\n- 휴관안내: 전시 기간 중 매주 월요일 휴무이며, 설 연휴인 2018년 2월 15일, 16일 휴관입니다.\r\n12월 25일 (월요일) 정상 운영됩니다.","placeName":"대림미술관","placeStreet":"서울특별시 종로구 자하문로4길 21 대림미술관","placeLot":"서울특별시 종로구 통의동 35-1","productContent":"대림미술관은 오는 12월 7일부터 2018년 5월 27일까지 세계적인 아티스트들의 섬세한 감각과 아날로그적 소재인 종이가 만나 감성적인 매체로 확장되는 과정을 소개하는 전시 〈PAPER, PRESENT: 너를 위한 선물〉을 개최합니다. 이번 전시에서는 다양한 분야에서 활동하고 있는 아티스트들이 종이의 본래적 속성에 집중하여 재료 자체의 순수한 아름다움을 담은 작품들을 일곱 개의 감각적인 공간에서 선보입니다. 바람, 별빛, 햇살과 같은 자연 요소와 기억, 설렘과 같은 감정의 요소를 종이와 결합하여 구성한 공간들은, 자연 현상을 감각적으로 경험하고 아날로그적 정서를 자극하는 매체로서 종이를 경험하게 하며 종이에 감성을 입혀 예술로 만나는 특별한 시간을 선물할 것입니다.","productDescription":"Paper, Present:너를 위한 선물","productEvent":"","categoryName":"전시","telephone":"02-6403-9961","createDate":"2019-08-25 20:10:41.0","modifyDate":"2019-08-25 20:10:41.0"},"totalPrice":10569}],"size":1}
Forwarded URL = null
Redirected URL = null
Cookies = []
view raw api.reservations hosted with ❤ by GitHub

 

 - 데이터 결과 값을 Json Viewer를 통해 데이터 확인

 

참고 사이트

 - MockMvc

 - MockitoAnnotations.init()

 - MockitoAnnotations.initMocks() vs @RunWith(MockitoJunitRunner.class)

 - JsonViewer

 

'Edu > BoostCourse - Web' 카테고리의 다른 글

[BoostCourse] Spring MVC FileUpload  (0) 2020.02.01
[REGEXP] 전화번호  (0) 2020.01.20
[웹 프로그래밍] 프로젝트 4 이후 정리  (0) 2019.02.10
[BoostCourse] 웹개발 4.4 Handlebar를 활용한 Template 작업  (0) 2019.01.04
[BoostCourse] 웹개발 3-3. DOM API 활용하여 node 생성과 추가  (0) 2018.12.23

[부스트코스] 웹 프로그래밍 프로젝트 시 느낀 필요한 개념


[JS]

 - JS 버전별 차이

 - JS 변수 타입

 - JS 매커니즘

 - polyfill

 - 함수형 자바스크립트

 - Bubbling & Capturing

 - Templating

 - 비동기 통신으로 요청한 데이터를 재사용할 방법

 - 그 외 등등..

 - JS Debug (https://developers.google.com/web/tools/chrome-devtools/javascript/?hl=ko)

 - 배열의 함수형 메소드 (map, filter, reduce)

 - 객체형 자바스크립트

 - jQuery

 - handlebar

 - Clean Code

 - Carousel Slide ** (이해는 되는데.. 구현이 어설픔)


 * 이제 부터 알아가야 함...


[Spring Framework]

 - Spring Config (XML, Java)

 - Spring Layered Architecture

 - AOP

 - Design Pattern (Singleton)

 - Front Controller (DispatcherServlet)

 - XML Config -> Java Config (https://www.luckyryan.com/2013/02/07/migrate-spring-mvc-servlet-xml-to-java-config/)

 - 설정의 분리

 - MessageConvertor


'Edu > BoostCourse - Web' 카테고리의 다른 글

[REGEXP] 전화번호  (0) 2020.01.20
[BoostCource] Test 코드 작성하면서 프로젝트 만들기  (0) 2019.12.04
[BoostCourse] 웹개발 4.4 Handlebar를 활용한 Template 작업  (0) 2019.01.04
[BoostCourse] 웹개발 3-3. DOM API 활용하여 node 생성과 추가  (0) 2018.12.23
[BoostCourse] 웹개발 3-2. JavaScript 객체 조작하기  (0) 2018.12.16

+ Recent posts

티스토리툴바