아래 SCSS 파일 기반으로 시작
리액트 라우터 v6 적용
src/index.tsx에서 react-router-dom에 내장된 BrowserRouter라는 컴포넌트를 사용해 감싸면 된다. HTML5의 History API를 사용하여 페이지를 새로 불러오지 않고 주소를 변경하고 현재 주소의 경로를 컴포넌트에서 사용할 수 있게 한다.
src 폴더 없애고 npm start하면 에러 발생 - react script 관련
되돌리고 src 밑으로 react관련 파일 정리, src/App, src/index
아이콘 적용
폰트어썸 i태그는 이제 글꼴의 의미를 잃었고 실제로 의미자체도 다르다.
그렇다면 직접적으로 노출하는 것이 아니라 CSS에 넣는 것이 낫다고 생각한다.
fontawesome → Docs → 고급 섹션의 CSS Pseudo-elements
앞에 넣는다면
