라우터
-
React :: 13. 리액트 라우터로 SPA 개발하기Dev/프론트엔드 2021. 7. 22. 10:54
이 글은 김민준(벨로퍼트)님의 - 리액트를 다루는 기술 도서를 참고하여 학습하는 글 입니다. 그동안 책의 내용을 그대로 적었는데 올바른 학습방법이 아닌것같다. 이제부터는 먼저 읽어보고 이해한 내용을 토대로 작성하도록 해보겠다. 13.1 SPA란? SPA는 Single Page Application의 약어이다. 말 그대로 한 개의 페이지로 이루어진 애플리케이션이라는 의미이다. 기존의 웹 페이지는 여러 페이지로 구성이 되어 있었다. 기존에는 사용자가 다른 페이지로 이동할 때 서버에서 html을 받아 오고, 페이지를 로딩할 때 서버에서 리소스를 전달받아 브라우저가 해석한 뒤 렌더링이 되었다. 즉 사용자에게 보이는 화면은 서버 측에서 준비하였다. 사전에 html 파일을 만들어서 제공하거나, 데이터에 따라서 유동..