【Rails】 FontAwesome을 도입하는 방법

1741 단어 RailsFontAwesome

소개



FontAwesome을 rails로 도입하는 것은 매우 간단하지만, 너무 쉬운 탓인지, 방법을 기재하고 있는 것을 찾기 어려웠으므로, 여기에 기재합니다.
나는 gem을 설치해 보거나, yarn add ~ 해 보거나 해 2 시간 정도 무너졌습니다 (웃음)
※초학자에 의한 기재이므로, 잘못이 있으면 지적 바랍니다.

도입 방법



먼저 FontAwesome 계정을 만듭니다.
Font Awesome

로그인하고 아래 사진에서 Manage Kit를 클릭합니다.



그러면 아래 사진의 페이지로 가므로, 검게 칠해져 있는 부분(본래는 영수 문자가 쓰여져 있습니다)를 클릭합니다.


Copy Kit Code!로 코드를 복사합니다.



지금까지 완료되면 Rails로 돌아갑니다.app/views/layout/application.html.erb 에 앞의 코드를 기재합니다.



이제 FontAwesome이 움직일 것입니다!
FontAwesome 코드를 작성해 봅시다!

【참고】

Qiita: 【무료 교재】Tailwind CSS & Rails6에서 Qiita를 모사해 본 【백엔드 연습에 이용 가능】 Youtube: 【Ruby on Rails】Font Awesome을 rails의 버튼에 도입 Adding Font Awesome to Ruby on Rails

좋은 웹페이지 즐겨찾기