스프링 + 리엑트 구성할때 질문이있음

[익명(222.233)]

스프링은 스프링부트 로 만들고

리엑트를 만들려고 공식문서를 보는데 풀스택 으로 설치하는 방법을 안내해주더라고

그런데 나는 서버는 스프링으로 쓸껀데

react-create-app 이거를 쓰려고하니까 지원중단됐다고

vite 또는 percel 인가? 이거 둘중 하나를 쓰라고하더라고

내가 지금 제대로 이해하고있는게맞아?

nextjs 로 설치하면 next 서버까지 설치되니까 나한테는 필요없는게 맞지?

[익명(211.209)]

어떤걸 쓰던 상관없음. vite, percel, webpack(create-react-app이 내부적으로 사용하는것)은 각각 번들러를 가지고 있음. 번들러의 역할은 너가 만든 그 수많은 js파일을 단순하게 말하면 하나로 뭉쳐주는 역할을 함. next.js도 내부적으로 Webpack을 사용함.

[익명(211.209)]

너가 언급한 키워드 모두 번들러를 가지고 있으니, 번들러에 대한 걱정은 안해도 되는데 작업 방식을 어떻게 할건지가 다름.

[익명(211.209)]

1) React 코드를 순수하게 번들러의 도움으로 build시켜서 하나의 js로 export -> 그리고 그 파일을 spring 의 view가 보여지게할것인가? - create-react-app, vite, parcel, next.js export mode 2) view쪽은 node.js(Next.js서버쪽)이 맡게 할것인가? - next.js 일만 보드.

[익명(211.209)]

(2)로 하면 spring서버, next서버 별도로 관리해야함. 대신 spring쪽은 그냥 api json만 관리해주면됨. fe와 be가 완벽히 분리됨. (1)로 하면 spring이 모든것을 담당할 수 있지만, 대신 react코드 빌드 후에 코드를 spring으로 옮겨주는 과정을 직접 구현해야함.

[익명(222.233)]

아 그러니까 리엑트 코드 빌드 -> 빌드된 파일을 스프링에 넣어주고 스프링이 해당 빌드 파일로 화면을 보여준다 와 그러지 않고 nextjs 가 중도 다리역할을해서 리엑트 -> next -> spring 요청(반대도 마찬가지) 중간 다리를 놓냐 차이인거네 리엑트나 스프링이나 둘다 숙련된 개발자가 아니라 앱하다가 직변한거거라 좀더 찾아보고 골라봐야겠네. 고마워

[익명(222.233)]

형덕분에 좀 방향이 잡혔어!! 고마워! 좋은밤돼

[익명(211.209)]

중간다리라 하면 오해가 있지. '랜더링 서버'의 역할을 FE가 가져올거냐 BE가 가져갈거냐의 차이임. (유저가 볼 랜더링 될 바닥페이지 서버 관리.)

[익명(211.209)]

보통 FE/BE 분리할거면 Next.js던 스프링(Spring For FE)이던 FE쪽에서 랜더링 서버 관리하는게 나음.

[익명(222.233)]

아 중간다리가 아니라 FE 로봐야하는구나 제3자가 아니라 오케이!! 고마워

[익명(211.209)]

BE는 순수하게 data 저장과 api 역할 수행만하고.

[익명(222.233)]

[익명(222.233)]

좋은정보 고마워

[영랑(prior1209)]

어캐 했누? 난 안돼던데…. - dc App