Single Page Application 검색 결과
2 개의 검색 결과가 있습니다.
React.js

react-router 사용하여 react로 Single Page Application 만들기

SPA (Single Page Application)과 react-router react-router는 SPA와 밀접한 관련이 있습니다. 왜냐하면 react-router를 이용한 페이지의 이동은 서버에 대한 요청이 없이도 페이지와 url을 옮길 수 있기 때문입니다. SPA는 일단 한번 필요한 스크립트를 다운로드하면 다음에 링크 이동을 했을 때 새로 보여줘야 할 내용을 이미 가지고 있기 때문에 굳이 서버에 재요청을 할 필요가 없습니다. (요청할 필요가 있다면 ajax를 이용합니다.) 즉, react-router를 이용해 구현한 모든 링크 이동은 결국 하나의 페이지 내에서 이루어지는 것이고 이것은 SPA(Single Page Application)을 구현하는 핵심적인 기능이 되는 것입니다. SPA가 아닌 경..

2020. 10. 28. 08:00
React.js

react-router와 서버의 router를 같이 사용하기 (express 예제 포함)

react router와 서버 쪽의 router를 동시에 적용하면 어떤 라우터가 적용될까? react router는 클라이언트 상에서 라우팅 처리를 하게 만들어주는 라이브러리입니다. 이것을 사용하여 url을 바꾸면 브라우저 상에서는 url이 바뀌지만 서버에는 어떠한 요청도 보내지 않습니다. 따라서 서버에서는 클라이언트상에서 url을 바꿨다는 사실을 알지 못합니다. 그런데 react router를 쓰더라도 서버 쪽에서도 라우터는 필요합니다. 그러면 react router를 사용하는 경우, 어떨 때 react router가 적용되고 어떨 때 서버의 router가 적용되는 걸까요? 이것은 사실 SPA(Single Page Application)의 개념을 이해하는 것과 깊은 관련이 있는 이슈입니다. SPA는 단..

2020. 10. 13. 08:00