JSP 기반 프로젝트를 React로 전환 중

Next.js + windicss 의 조합으로 프론트엔드를 개발하고

백엔드는 springboot로 개발할 것이다.

 

기존에는 springboot + JSP였으므로, 뷰 영역을 완전히 분리하는 지금은 API로 개발해야 할 것 같다.

 

사유:

프론트 부분을 수정할 때마다 매번 톰캣을 재시작하여 컴파일 하는 것이 번거로웠으며

이클립스 환경에서의 느림과 톰캣의 좀비화 등이 큰 스트레스로 다가왔고

아예 프로젝트를 둘로 나눠서 UI 및 인터렉션에 영향이 없게끔 개발하고자 하였다.

 

또한 JSP를 사용하면 자바 코드 안에 html이 들어가는 셈이고,

Javascript와 자바코드와의 구분이 명확하지 않아서 코드가 지저분했다.

예를 들어, 서버에서 내려준 Model 안의 attribute 값이 javascript 변수로 써야하면

jstl태그로 값을 바인딩한 뒤, javascript에서 변수로 선언해야 함.

 

만약 뷰를 완전히 분리하고 싶다면 thymeleaf의 문법을 사용하면 되었지만

프론트 웹 프레임워크를 사용할 때보다 UI의 동적 표현이 제한되며,

데이터를 확인하기 위해 톰캣을 실행해야 했으니 원하는 바가 아니었다.