TIL 35 day react에서 font-awesome 쓰기

1. 터미널에서 다음을 다운 받는다.

npm i --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons
npm install --save @fortawesome/free-brands-svg-icons
npm install --save @fortawesome/free-regular-svg-icons
npm install --save @fortawesome/react-fontawesome
npm install --save @fortawesome/fontawesome-free

이 모든게 다 필요한지는 모르겠지만... 일단 모두 다운 받았는데 작동을 했네요😢
2. index.js에 다음을 import한다.

import "@fortawesome/fontawesome-free/js/all.js"

3. 쓰고 싶은 아이콘을 font-awesome에서 찾아서 복사해서 쓴다.

<i class="fas fa-coffee"></i>

4. scss에서 스타일링을 하고 싶다면 className을 가지고 와서 css처럼 적용한다.

처음에는 fontawesome을 컴포넌트로 쓰다가 scss에서 스타일링을 할 수 없는 것을 알고 찾은 방법입니다.
누군가 더 좋은 방법을 안다면 부디 알려주세요😭