Life of Jibro

리액트 라우터 Tutorial 따라하기 - Root 라우트 이번 시간에는 리액트 라우터 공식문서의 다음 내용을 살펴보는 시간을 가져보고자 한다. https://reactrouter.com/en/main/start/tutorial#the-root-route Tutorial v6.8.2 Tutorial Welcome to the tutorial! We'll be building a small, but feature-rich app that lets you keep track of your contacts. We expect it to take between 30-60m if you're following along. 👉 Every time you see this it means you need to do s..

리액트 라우터 Tutorial 따라하기 - Router 추가하기 이번 시간에는 리액트 라우터 공식문서의 다음 내용을 살펴보는 시간을 가져보고자 한다. https://reactrouter.com/en/main/start/tutorial#adding-a-router Tutorial v6.8.2 Tutorial Welcome to the tutorial! We'll be building a small, but feature-rich app that lets you keep track of your contacts. We expect it to take between 30-60m if you're following along. 👉 Every time you see this it means you need to ..

프론트엔드 개발 프로젝트의 시작에 있어 가장 중요한 부분은 라우터 설정이라고 볼 수 있다. 왜냐하면 실제 CSR 웹서비스를 제공할 때 라우터 설정이 되어 있지 않다면 해당 페이지에 대한 url 접근이 불가능하기 때문이다. 필자는 블로그 또는 튜토리얼을 따라하며 왜 그런지 모르는 상태로 리액트 라우터 설정을 해왔다. 하지만 스스로의 역량에 있어 심각한 기술 부채를 느끼는 바, 간단하게 나마 리액트 라우터 공식 문서의 Tutorial을 따라해보고 이를 바탕으로 코드의 확장성도 고려하여 보는 과정을 기술하여 보고자 한다. 0. 시작 공식 문서 url은 다음과 같다. https://reactrouter.com/en/main/start/tutorial Tutorial v6.8.2 Tutorial Welcome t..