[React.js + Firebase] react-router-dom NavLink 사용법 - 초간단 사진 게시판 만들기(4)
·
Web
💡 이번 포스트에서는 styled-components와 react-router-dom의 NavLink를 활용해서 firestore의 documents들을 메뉴처럼 접근 할 수 있도록 하겠습니다. 이전 포스트를 참고 하시면 코드와 프로젝트에 대한 진행상황을 파악하시기 수월합니다. [React.js + Firebase] react-router-dom 동적 라우팅 - 초간단 사진 게시판 만들기(3) 💡이번 포스트에서는 React에서 동적 라우팅을 사용하여 firebase의 데이터들을 원하는 url에 띄우는 방법을 알아 보도록 하겠습니다. 이전 포스트를 참고 하시면 코드와 프로젝트에 대한 진행상황 kmuhan-study.tistory.com react-router-dom(v6)에서 NavLink를 사용하는 법은..
[React.js + Firebase] react-router-dom 동적 라우팅 - 초간단 사진 게시판 만들기(3)
·
Web
💡이번 포스트에서는 React에서 동적 라우팅을 사용하여 firebase의 데이터들을 원하는 url에 띄우는 방법을 알아 보도록 하겠습니다. 이전 포스트를 참고 하시면 코드와 프로젝트에 대한 진행상황을 파악하시기 수월합니다. [React.js + Firebase] React Suspense 적용 - 초간단 사진 게시판 만들기(2) 이 포스트에서는 react-router-dom을 활용해서 firebase에 저장되어 있는 데이터들을 동적 라우팅을 활용하여 클라이언트에 띄우는 과정을 다루고자 한다. 그 전에, 먼저 Suspense와 React lazy를 적용해서 kmuhan-study.tistory.com react-router-dom(v6)에서 동적 라우팅을 사용하는 문법은 다음과 같습니다. 원하는 경로 위..