기술/웹 개발

[node.js/express/react] 새로운 endpoint로 새로운 화면 띄우기

하기싫지만어떡해해야지 2024. 8. 29. 19:51

요즘에 나는 대학원 생활과 동시에

한 스타트업의 웹 사이트 개발의

외주를 맡고있는데

이 작업은

node.js/express를 사용한 backend와

react를 사용한 frontend 작업이다

 

아무튼 새로운 pricing 관련 페이지를

만들어달라고해서

react로 간단한 UI와

js 파일을 작업해놓은 상태

 

이제 node.js에서 react를 사용해서

새로운 endpoint에

새로운 화면을 띄우는 법을 작성해보도록 하겠당

 

방법은 초특급 간단하다


기존에 이미 기본 페이지가 구현되어있다면

App.js에

이렇게 구현이 작성이 되어있을 것이다

 

 

그럼 새로운 endpoint로 새로운 페이지를 띄우려면

root페이지를 불러온 것과 동일하게

React의 Route에서

<Route path="/endpoint" element={<EndpointPage />} />

 

내가 설정해주고싶은 endpoint를 path에

화면에 띄워주고싶은 컴포넌트를

element에 넣어주면 된다

 

끝!