리액트 라우터를 사용하긴 했지만 서브 라우터 , 이중 라우터를 사용한적이 없었다.이번에 동아리 웹 프로젝트를 진행하면서 서브 라우터도 가능한것을 알게 되어서 라우터에 대해서 깊게 공부를 하게되었는데사용법은우선 이런 구조로 되어 있다고 생각하면 app.js에서 라우팅을
SVG 기반 아이콘을 활성화 시키기 위한 기본패키지 설치Font Awesome 아이콘에 대한 패키지 설치Solid , Regular , Brands 3개의 카테고리가 무료임마지막으로 Font Awesome을 컴포넌트 형태로 사용할 수 있도록 해주는 패키지 설치icon
pages/\_app.tsx 에서 두개를 import 해주고Thmeprovider 로 감싸서 theme을 전역으로 내려줘야한다.
https://taenami.tistory.com/69여기 있는 babel까지 하면 된다.적용이 안된이유는 styled-componenet보다 먼저 html 코드들이 불러와져서 그렇다.