2022.07.30 / 리액트 라우터는 뭐지?

여전히 리덕스 개념... 쉽지 않다....

따라하면 이해가 되는데 막상 혼자하면 안되는...

오늘은 리액트에서 라우터는 무슨 역할을 하는지 알아봤다.

 

일단 라우팅의 개념부터!!

라우팅이란?

사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이라고 생각하면 된다

리액트에서는 라우팅 관련 라이브러리가 많이 있는데 리액트 라우터(React Router)가 가장 많이 쓰인다고 한다

 

리액트 라우터를 왜 써야하는가?

angular나 backbone 같은 프레임워크는 프레임워크이기 때문에 라우터 기능이 포함되어 있지만,

React는 View만을 담당하는 라이브러리다

그래서 react-router을 설치해줘야한다

특히 React는 SPA방식이다

 

SPA 방식은 무엇인가?

SPA는 Single Page Application 으로 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가진다. 그래서 신규페이지를 불러오지 않는 상황에서 각각의 URL에 따라 선택된 데이터를 하나의 페이지에서 렌더링해주는 라이브러리인 React-Router를 이용한다.

 

 

내일부터는 본격적으로 스타일컴포넌트, 리덕스, 라우터 등을 이용하여 Todolist 만들기를 진행할 예정이다!!!

기대반 걱정반으로 오늘 TIL은 끄으으읕~~~~!!!!!