프론트는 react, 백엔드는 spring으로 개발을 했습니다.
프론트에서 "/dict/옥수수" 라는 요청을 보내면 그에 매칭되는 옥수수 식물도감 화면을 보여줄 생각입니다.
그런데 이 화면은 백엔드에서 만든화면이 아닌 프론트에서 만든 화면입니다.
백엔드와 프론트를 연동할 때,
Spring 프로젝트의 static 폴더에 react를 빌드한 파일을 넣는 방식으로 연동을 했는데,
어떻게 해야 프론트에서 만든 "/dict/옥수수"에 매칭되는 화면을 보여 줄 수 있을까요?
색스
리액트에서 라우팅 하는걸 말하는건가?
네 맞는 것 같아요
어떻게 해결방법이 있을까요? 프론쪽을 하나도 몰라서 어렵네요 ㅠ
컨트롤러로 화면 뿌려주면 되잖아
근데 리액트가 화면이 index.html 하나 밖에 없고 동일한 index.html에 구성?만 바꾸는 구조라고 해서 컨트롤러로 뿌릴 화면이 하나밖에 없어요
1. 프론트에서 백엔드로 '/api/dict/옥수수' 요청 2. 백엔드에서 프론트로 요청에 대한 답을 json으로 보내주기 3. 프론트에서 응답받은 자료를 화면에 보여주기
REST API, SPA
Ssr이랑 csr 개념을 모르는거 같은데... 게시판을 예시로 들면 1. 리액트에서 어떤 경로를 입력했을때 어떤 컴포넌트(화면)를 보여줄지 라우팅한다. 2. 특정 경로(/articles)로 이동되면 리액트에서 라우팅된 컴포넌트로 이동 3. Fetch api등을 이용하여 스프링 서버로 get(/articles) 요청 4. 서버가 값을 리턴하고 리액트가 이용