리액트 프로젝트에 font-awesome 5초만에 불러오기

너겟·2022년 6월 27일
0

Learning_React

목록 보기
9/9
post-thumbnail

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"/>
profile
꾸준하게 하는 법을 배우는 중입니다!

0개의 댓글