Rails fontawesome를 사용하여 헤더의 링크에 아이콘 추가

이번에는 뜻밖의 고생을 한 헤더에 아이콘을 추가하는 방법을 제가 쓰는 노트로 공유해 보도록 하겠습니다.

컨디션

ruby2.6.5
Rails 6.0.3.3

css 프레임워크

bulma

결론

font-awesome-sass를 가져오면 조수 방법을 사용하는 icon에서 아이콘을 간단하게 표시할 수 있습니다.
다음은 실제 코드입니다.
header.html.erb

<%= link_to  icon('fas','sign-in-alt', 'ログイン'), new_user_session_path, class: "navbar-item" %>
<%= link_to icon('fas', 'user-plus', '新規登録'), new_user_registration_path, class: "navbar-item" %>

결과↓

font-awesome-sass 가져오기

Gemfile에 다음 내용 추가
Gemfile

gem 'font-awesome-saas'

터미널에서 bundle install 실행
다음은 app/assets/stylesheets/application입니다.scss에 다음 내용을 추가합니다.
application.css를 사용할 때 scss로 변환합니다.
stylesheets/application.scss

@import 'font-awesome-sprockets';
@import 'font-awesome';

※ 위 순서를 변경하지 마세요!
rails를 실행하고 서버를 다시 시작하십시오.
준비 끝!그다음에 코드만 썼어요!간단하지 않나요?
아이콘만 있으면 그룹에 대한 인상이 바뀔 수 있으니 아이콘을 꼭 열어주세요.
외관을 추가로 정리해주셨으면 좋겠어요!
같은 프로그래머가 될 수 있는 첫 번째 힘이 됐으면 좋겠어요.

참고 문장

[Rails] Font-awesome-sass의 사용법을 철저히 설명합니다!