개발 환경 설정은 결국 팀원이 깃헙에 공유한 파일을 clone을 통해 사용하기로 했다. (webpack 등 필요한 라이브러리는 깔아야 작동한다.) 각 페이지별 레이아웃과 리액트 라우터를 설정하고, 역할을 나눠서 내일부터 코드 작업에 들어가기로 목표를 잡았다.
React Router란?
리액트로 만들어지는 SPA(single page application)은 매번 서버로부터 html 파일을 받아올 필요가 없기 때문에 사용자 경험이 훨씬 부드럽습니다. 그러나 같은 페이지 내에서 이벤트에 따라 레이아웃만 변경되는 것이기 때문에 사용자는 특정 화면에만 즐겨찾기를 해놓을 수 없고, 뒤로가기 버튼을 눌러 이전 화면으로 이동할 수도 없습니다. 새로고침을 누르면 맨 처음 화면으로 돌아가버린다는 문제도 있습니다. 이를 해결하기 위해 등장한 네비게이션 라이브러리가 React Router입니다. React Router는 브라우저 API와 연동이 가능하기에 앱에서 발생하는 라우팅을 기존 MPA(multiple page appication)처럼 다룰 수 있게 됩니다.
