개요

link_to 를 사용할 때 Fontawesome을 적용하는 방법을 설명합니다.

개발 환경

· 데이터베이스: PostgreSQL
· rails 버전 : 6.1.3.2
· Bootstrap: 4.5.1
・PC:macbook pro

목표

아래 이미지와 같이 편집 및 삭제에 Fontawesome을 적용합니다.

변경 전


변경 후

포인트

<% link_to 〜 %> 의 말미에 do 를 넣어 ブロック化 하는 것이 포인트입니다.

코드

변경 전

<% @memos.each do |memo| %>
  <p>
    <%= memo.title %>
    <%= memo.body %>
    <%= link_to "削除",memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} %>
    <%= link_to "編集",edit_memo_path(memo) %>
  </p>
<% end %>

변경 후

<% @memos.each do |memo| %>
  <p>
    <%= memo.title %>
    <%= memo.body %>
    <%= link_to memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} do %>
      <span class="far fa-trash-alt"></span>
    <% end %>
    <%= link_to edit_memo_path(memo) do%>
      <span class="far fa-edit"></span>
    <% end %>
  </p>
<% end %>