[Spring Boot] @JsonFormat으로 Date 타입 직렬화(Json Date 타입 포맷) 댓글 기능을 구현하던 중 댓글 등록 날짜를 표시하고 싶었다. Json으로 데이터를 View에 보내 Ajax로 구현하던 중 View에서 내가 원하는 format 형식의 데이터가 잘 출력이 되지 않았다. Controller에서 Date 타입을 SimpleDateFormat을 이용하여 가공하여 보내려고 해도 잘 되지 않았다. 그렇기에 구글링을 통해 @JsonFormat이라는 어노테이션을 알게 되었고 적용해 보았다. 공식문서 Common uses include choosing between alternate representations -- for example, whether Date is to be seri..

[Spring Boot] TimeZone 설정 (KST, UTC, KST to UTC, 9시간 차이) DB에 저장된 Date형식을 Thymeleaf를 통해 View에 출력하려고 했다. 그런데 계속 DB에 저장된 시간보다 +9시간 되어서 출력되길래 무엇이 문제인지 찾아 보았다. 위의 사진은 DB에 저장되어있는 Date이다. 아래는 서버를 실행시켜 Thymeleaf를 이용하여 View에 나타낸 것이다. DB에 저장된 시간과 9시간이 차이가 나며 KST라는 표시가 나와있다. 그래서 KST에 대해 알아보았다. 한국 표준시(韓國標準時, KST, Korea Standard Time)는 대한민국과 조선민주주의인민공화국의 표준시로, 동경 135도를 기준으로 하여 UTC보다 9시간 빠른 표준시(UTC+09:00)이다. ..

[Spring Boot] Quill.js + 이미지 업로드 (위지윅 에디터 이미지 업로드) 참조 블로그 위의 블로그에 나와있는 JS 콜백 함수를 이용한 방법을 참조하여 구현하였습니다. 위지윅 에디터에는 종류가 몇가지 존재한다. CkEditor, Summernote, 네이버에서 제공하는 스마트 에디터(?) 등이 있다. 위지윅에 대한 글은 전에 작성해 두었다. 참고 바란다. 위지윅이란? CK Editor 사용하기 현재 위지윅 에디터를 이용하여 글을 작성하는 페이지를 구현하고 있는데 내가 공부해서 알고 있던 내용은 input 태그를 통해 이미지를 업로드하고 View에 출력하는 것이었다. 하지만 위의 방식을 사용하면 위지윅 에디터를 제대로 사용 못한다고 생각이 들었고, 사용자 또한 본인의 게시글에 이미지를 첨부..

[Javascript] FormData 란? (Ajax 이미지 첨부) Ajax를 이용한 비동기처리로 이미지 첨부를 개발하다가 궁금하게 되어 알아보았고, 내가 궁금했던 내용들을 기록한 것이다. FormData란? FormData - Web API | MDN FormData란 form 필드와 그 값을 나타내는 일련의 key/values 쌍을 쉽게 생성할 수 있는 방법을 제공하는 인터페이스 이다. 그렇다면 언제 왜 사용하느냐? 보통의 Ajax 통신에는 FormData를 잘 사용하지 않는다고 한다. 왜냐하면 주로 JSON을 이용한 Key-Values 데이터 전송을 하기 때문이다. 하지만 Ajax를 통한 비동기 통신(페이지 전환 없이)으로 이미지를 업로할 경우 FormData객체를 사용한다. 혹은 페이지 전환 없..

[Spring Boot] @ResponseBody 사용하기 (Spring 에서 Ajax, Json 통신하기) Java에는 JSON 형식이 존재하지 않는다. 당연하다 JSON은 JavaScript Object Notation 이기 때문이다. 그래서 Spring에서 JSON 형식을 사용하기 위해 Jackson 혹은 Gson을 사용한다. 그렇다면 Javascript로 Ajax 혹은 Fetch API로 API를 개발 할 때, Controller에서 데이터를 보내 주려면 JSON 형식으로 보내야 되는데 그 때 사용하는게 @ResponseBody 이다. 혹은 @RestController을 사용해도 된다. @RestController는 단순히 말하자면 @Controller + @ResponseBody이다. @Resp..

[Spring Boot] Interceptor 설정 / 로그인 확인 (Gradle, HandlerInterceptor, WebMvcConfigurer) 게시판을 개발 하던 중, Interceptor를 귀찮아서 설정 안하고 하고 있었다. 그런데, 서버를 재실행하고 다시 로그인창으로 가서 로그인을 하고 게시판 작성 페이지로 가는게 더 귀찮아졌다. 그래서 Interceptor 설정을 한김에 내가 Interceptor 글 작성을 안했길래 글로 남긴다. 상황은 이미 로그인이 되어 있는 유저가 다시 로그인 페이지에 접속할 경우와 로그인이 안된 유저가 게시글 작성 페이지에 들어올 경우 두 가지이다. Interceptor란? 먼저 Interceptor가 무엇인지 간단하게 집고 넘어가자면 Interceptor란 컨트롤러..

[Spring Boot] 로그인 Session 처리하기(HttpServletRequest, HttpSession) 로그인 기능을 구현하면서 Session처리를 하려고 한다. 그렇기에 Cookie 와 Session이 무엇인지 부터 바로 알고 싶어 공부하고 정리해 두었다. [Network] 간단히 알아보는 Cookie, Session Cookie 와 Session에 대한 개념은 위의 글로 대체하고 바로 진행하도록 하겠다. Login Controller @PostMapping(value = "login") public String loginPOST(UserDTO userDTO, HttpServletRequest request, RedirectAttributes rttr){ log.info("Controller..

[Network] 간단히 알아보는 Cookie, Session 우리가 흔히 사용하는 웹사이트에서 로그인은 거의 필수적인 기능이다. 로그인을 이용한 서비스는 점차 많아지고있고, 점차 다양해 지기 때문이다. 그 로그인 기능에는 Cookie 와 Session 에 대한 이해가 필요하다. 만약 우리가 어떠한 게시판을 이용한다고 가정을 해보겠다. 그 게시판에 글을 작성하기 위해 로그인을 했는데, 게시판에 댓글을 달려고 했더니 또 로그인을 하라고 한다. 이게 무슨 귀찮은 상황인가 이라한 상황을 해결하기 위해 Cookie 와 Session 을 사용하고 이에 대해 간단히 알고 넘어가려고 한다. Cookie, Session 참고 블로그 Cookie, Session 위와 같은 상황은 HTTP 프로토콜의 특성인 Connect..