본문 바로가기

JS Ecosystem

Fontawsome in React

폰트어썸을 리액트에서 사용하는 방법

import 하는 방법과 script 로 연결하는 방법,

작업 컴퓨터에 다운로드 받는 방법 등이 있다.

 

폰트어썸에서는 script 연결을 권장한다.

그래서 script로 연결하는 방법을 알아보자.

 

React을 설치하고 생성된 폴더를 보면

public이라고 있다.

해당 폴더는 reate-react-app이 만들어낸 파일로

npm이나 yarn start으로 사용이  가능하다.

 

이 public 폴더에 index.html 파일에

<script src = "     "> </script>를 설치해주면 된다.

 

src안에 들어갈 폰트어썸 kit 주소는 폰트어썸에 가입하고

나면 여기서 알려준다.

"https://kit.fontawesome.com/14d687cae1.js" crossorigin="anonymous"

 

해당 주소는 가입자 마다 다른 거 같다. 정확히는 모르겠지만

가입해서 받은 주소를 쓰는 것이 좋다고 생각한다.