SSR에서 CSR로 전환, REST와 React 사용계획 [탐구/기록]

 

REST와 React를 포함하여 계획중인 프로젝트의 구조

 

​

스프링의 REST 컨트롤러를 데이터 교류를 위한 인터페이스로 삼고

서버로부터 반환받은 데이터를 리액트에서 렌더링하여 최종 사용자에게 보여주는 방법을 선택했습니다.

​

1) REST로 구현된 스프링 서버가 필요하며,

2) 리액트를 스프링 내부에 설치하고,

3) 최종 사용자에게 어떻게 보여줄지 생각해봅니다.

 

---

 

:: SSR에서 CSR 방식으로 전환한 이유 ::

​

이전까지는 서버에서 웹에 표현할 정보와 요소들을 모두 처리하려고 했으나 어려움을 겪었습니다.

​

화면 하나하나와 기능을 모두 서버에서 웹으로 성공적으로 넘기기만 하면 수월하게 작동할 줄 알았으나

비동기 방식으로 간단히 처리할 수 있는 기능임에도 SSR방식을 택하면 복잡하게 선언된 변수와 데이터 교환을 위한 DTO 클래스를 상황에 따라 많이 생성해야만 했습니다.

​

이 과정을 제대로 수행하기까지 변수와 클래스들을 관리하는 것이 힘들었습니다.

​

그래서 이전 RESTful로 구현해본 게시판 어플리케이션에서 장점 및 아이디어를 얻어 현재 프로젝트에 적용하고자 하였습니다.

​

이전 어플리케이션에서는 스프링을 REST로 구현하고 순수 JS로만 AJAX 함수를 만들어 통신하여 처리했었는데,

지금은 프론트엔드를 HTML,바닐라JS를 대체하여 '리액트'로 작성하고자 합니다.