[리액트/SPA] react-router로 SPA개발 1

라이브러리를 설치해 준다.index.js파일을 수정해 주자.Home 컨포넌트와 About 컴포넌트 작업을 해주자.이제 Route 로 컴포넌트를 연결 시켜주자path는 도메인 뒤에 특정 주소가 오면, (chadict.net/home path = '/home')컴포넌트를 랜더 하라는 의미이다.App.js 파일을 수정해 주자.서버에 연결을 하고,http://localhost:3000/about 주소를 치면 이런 창이 나온다.흠... 문제가 있다.about페이지는 소개만 나와야 하는데,홈까지 같이나온다./about 주소에 /가 같이 들어가서 홈 페이지도 랜딩이 된 것이다.App.js 파일에서 코드를 추가해 주자.이제 Link 컴포넌트를 사용해 다른 주소로 이동해 보자.html 에서는 a 태그를 사용..........

원문링크 : [리액트/SPA] react-router로 SPA개발 1