Build Status

Toy Project: Spring Boot + SSR / CSR

  1. Spring Boot + Thymeleaf
  2. Spring Boot + Vue.js 2

목표

  1. Spring Boot, Spring data JPA로 서버를 구성한다.
  2. 템플릿 엔진으로 Thymeleaf를 사용한다.
  3. 2번까지의 과정이 끝나면 동일 서버에 HTTP API(REST)를 추가한다.
  4. 템플릿 엔진으로 구현한 클라이언트단과 동일한 기능을 Vue.js를 활용하여 제작한다.
  5. 동일한 두 웹 어플리케이션을 제작하는 것이 최종 목표이다.

주제

무한계층 댓글 기능의 회원제 게시판을 구현한다.

구현

서버

Server 사용기술

Server 제작 내용

완성됨

Thymeleaf 클라이언트

템플릿엔진으로 기존에 사용해봤던 JSP 이외의 후보에서 선택한 Thymeleaf를 사용한다.

Spring boot starter thymeleaf는 3버전이 아니어서 다소 문제가 발생했다. 따라서 기존 문법을 사용하였다.

thymeleaf를 3버전으로 변경하고 최신 문법을 적용하였다.

Thymeleaf 클라이언트 사용 기술

Vue.JS 클라이언트

View를 작성하는데 이용되는 자바스크립트 기술의 이해를 위해 상대적으로 진입장벽이 낮은 Vue.js를 이용한다.

최신 자바스크립트 기술 - ES6를 transpiling, webpack으로 build... - 이해를 위해 구현과정 중 이를 적극 사용해본다.

Vue.JS Client 사용기술

Client 제작 내용