오늘은 순수 프론트엔드단만 공부해보았다. 리액트는 기본적으로 SPA(Single Page Application)이기 떄문에 최초한번 페이지로드후, 그후에는 새로고침이나 로딩없이 빠르게 컴포넌트를 전환해서 페이지를 변경하는 방법을 사용한다고한다. 페이지 전환과 관련해서 리액트의 라이브러리인 Router를 많이 사용한다고 한다. 그래서 오늘은 Router에 대해서 공부해보고 간단하게 페이지 전환을 하는것을 목표로 했다. 일단 간단한 와 컴포넌트의 Css를 만들어보았다. 이미지는 구글에 free image를 다운받아서 사용했다. 이상태에서 로그인을 하면 오른쪽 상단에 숨겨져있던 My Repository버튼이 나타난다. 이 버튼을 클릭하면 /repository로 페이지 전환이 되는것이 목표이다 (Router 사..