소개

Rails의 공부로서 gem 주위를 만져 보는 기획입니다.
이번에는

jquery-rails

입니다.

무슨 젬이야?

Rails에서 jQuery를 사용할 수 있도록하는 gem.

검증 환경

다음 환경에서 실시했습니다.

[client]
・MacOS Mojave(10.14.2)
・Vagrant 2.2.2
・VBoxManage 6.0.0

[virtual]
・CentOS 7.6
・Rails 5.2.2
・ruby 2.3.1

참고까지.

jquery-rails 도입

1.gem 설치

사전에 Rails 공부용으로 작성한 프로젝트로 진행합니다.
각 MVC는 적당히 게시판 앱을 상정하여 Posts 컨트롤러 등을 생성 완료되었습니다.
(index, show, edit의 빈 페이지를 볼 수있는 정도)

$ rails g model post
$ rails g controller posts index show edit

그 전제하에 Gemfile에 다음을 추가한다.

Gemfile

# jquery-rails
gem 'jquery-rails'

추가하면 설치.

$ bundle install

-----------
Fetching jquery-rails 4.3.3
Installing jquery-rails 4.3.3
-----------
→無事に完了。

2.jquery-rails 설정 조정

gem 설치 후 설정을 진행합니다.

application.js

//= require jquery3

application.html.erb

<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

추가.

3.jQuery를 사용해보기

이제 준비가 되었으므로
실제로 jQuery를 사용한 처리를 작성해 보겠습니다.

index.html.erb

<h1>Dashboards#index</h1>
<p>Find me in app/views/dashboards/index.html.erb</p>

<p>jQueryが動けば中身が出てくるよ</p>
<p id="test"></p>

<script>
  $("#test").html("ミッションコンプリート！");
  $("#test").css("color","red");
</script>

움직였다!

소감

jQuery를 쉽게 도입 할 수있는 멋진 gem이었습니다.

결론

뭔가 눈치채는 점이 있으면,
지적이나 어드바이스등 받을 수 있으면 매우 도움이 됩니다!