
[React.js + Firebase] React Suspense 적용 - 초간단 사진 게시판 만들기(2)
·
Web
이 포스트에서는 react-router-dom을 활용해서 firebase에 저장되어 있는 데이터들을 동적 라우팅을 활용하여 클라이언트에 띄우는 과정을 다루고자 한다. 그 전에, 먼저 Suspense와 React lazy를 적용해서 사용자 경험이 빨라지도록 한다. 먼저 react-router-dom 패키지를 다운로드 받아준다. npm install react-router-dom react-router-dom은 v6 버전으로 바뀌면서 굉장히 사용하기 편리 해 졌는데 그중에서도 특히 동적 라우팅 부분에서 편리 해 졌다. 그 다음, src 폴더 하위에 Router.js를 생성한다. 💡메서드 설명 BrowserRouter: 브라우저의 history 스택에 접근하며 현재 URL에 따라서 어떤 컴포넌트를 불러와서 페..