font awesome 아이콘을 쓰는게 뭔가 standard같이 되어버린 것 같다. (사실 나는 google icon도 많이 쓴다!) 뭐 여튼 font awesome을 쓰는 방법은 여러가지인데, 리엑트 프로젝트에서 쓰는 방법도 사이트에 잘 나와있다.
그리고 패키지 매니저를 설치하면 버전 관리가 가능하다!
package-manager 보러가기
테스트 프로젝트같은 프로젝트에서는 굳이 패키지 매니저까지 설치해서 관리할 필요는 없다.
font-awesome을 5초만에 불러오려면:
아래의 코드를 package.json 파일에 dependencies안에 추가하고 터미널에서 npm install을 해주면 정말로 5초안에 설치가 완료된다.
"@fortawesome/fontawesome-svg-core": "^1.2.32",
"@fortawesome/free-solid-svg-icons": "^5.15.1",
"@fortawesome/react-fontawesome": "^0.1.12",
그 다음 index.html안에서 아래 코드를 추가해서 불러와주면 끝!
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>