[rails] rails from scratch7-practice1

[ document summary ]

Title: [rails] rails from scratch7-practice1

date: 2023 8.2

content: 옛날 자료 취합

제일 먼저 할것은 hello world page

rails new hellodemo –database=mysql 로 project를 만든다. (database.yml처리를 mysql 맞게 해준다.

route 설정

controller의 설정

실행

css,js,image사용법 (bootstrap의 적용, jquery의 적용: ajax)

[ 이론 ] css,js 사용법과 나의 기준

사용 범위에 따른 기준 (packfile의 naming)

• 전체 vs 부분

  전체 page에 공통적으로 적용되는가? 아니면 controller가 다루는 page들에만 한정해서 적용 되는가? 특정 page에만 적용 되는가? default로 전체 page에 공통적으로 적용되는 것은 이미 적용되어 있다. application.html.erb파일에 보면 application.js라는 pack과 application.scss라는 pack은 공통적으로 모든 page에 적용된다. 그래서 전체 page에 적용되는 것은 application.js와 application.scss에 포함시켜야 한다.

• controller과 관리하는 pages 혹은 특정 page에만 적용 되는 경우

  controller가 다루는 page들에만 적용된다면, Controller명.scss나 Controller.js로 파일을 pack안에 만든다. 특정 page에만 적용되는 js나 scss의 경우 Controller명Action명.scss, Controller명Action명.js를 /pack안에 만든다.

만들어진것 vs 만들어서 (packfile의 구조)

• 만들어진것(package)를 사용

  yarn으로 package를 설치하고 사용해야 한다. 설치하는 방식은 “yarn add package명” 을 webapp의 home에서 실행 해준다. 그러면 yarn은 webapphome/ node_modules라는 곳에 package를 설치한다. yarn이란것은 아래 [부록]에서 별도로 설명하겠다. 이렇게 설치된 package를 pack에 기술하기 위해선, import라는 지시어를 사용한다. import package명/js의 위치로 기술해서 사용한다. 실제 예제에 보면, js를 import한 후 start() 를 사용하는 경우를 볼 수 있는데, 그것은 초기화 과정이다. 보통은 필요없다.

• 만들어서 사용

  만일 우리가 만든 css나 js가 다른 page에서 사용되는 일종의 library같다면, js라는 폴더, stylesheet라는 폴더에 넣은 후 pack파일에 import해서 사용하면 된다. 마치 위에서 만들어진 package를 사용하는 것과 동일하다. 그런데 내가 만든 css나 js가 재사용이 안되고 그 page에만 적용된다면, pack파일에 직접 기술한다.

case 시나리오

• (1) 전체 page에 적용되고 이미 만들어진 package를 사용하는 경우 (bootstrap scss와 jquery js처리)
• (2) 특정 page에 적용되고 이미 만들어진 package를 사용하는 경우 (bootstrap scss와 jquery js처리)
• (3) 전체 page에 적용되고 내가만든 file을 사용하는 경우
• (4) 특정 page에 적용되고 내가 만든 file을 사용하는 경우

[ 실전 case1: bootstrap.scss, jquery 전체 page사용하기 ]

• import 위치

요약하면 js위치: jquery/src/ajax.js bootstrap/js/src/alert.js, bootstrap/js/src/button.js … scss의 위치: bootstrap/scss/bootstrap.scss

• pack파일에 적용

• Test1 [scss test]

  1. button을 만들어보자(scss테스트)
  2. 동작확인 (아래 2번째와 같이 제대로 된 동작을 하지 않는다.)
  3. 뭐가 문제인가? debug 어떻게 debuging할 것인가?

• Test2 [js test]

  jquery를 테스트 해보자. jquery에서 ajax를 load했기 때문에 ajax를 테스트 해볼려고 한다. ajax는 테스트가 힘들어 위에서 import를 jquery.js로 바꿔서 모든 jquery를 사용할 수 있게 바꾸고 테스트한다. 예제코드는 다음을 참조했다. https://www.w3schools.com/jquery/jquery_animate.asp

[ 실전 case2: d3.js and d3.scss를 특정 page에 사용하기 ]

• pack을 만든다.

• view에 pack을 추가시킨다.

• test 결과 [ js가 적용된것을 볼 수 있다.]

[ 실전 case3: 전체 page에 적용되고 내가만든 file을 사용하는 경우 ]

[ 실전 case4: font awesome(아이콘) 전체 page 적용

적용1

문제점

다른 방식

[ 실전 case5: bootstrap-icons 전체 page적용

최종 정리

최종 정리2

• import의 사용법

  • yarn을 사용한 경우 node_modules에서 설치된 package의 js와 scss의 위치를 파악한다. js: import ‘module/js/index.js’ 처럼 기술 한다. scss: @import로 동일하게 기술한다.
  • 자체 만든 library 경우 pack폴더를 기준으로 한다. import ‘../js/mylibrary.js’와 같이 한다.

최종정리3

application layout 만들기

• application layout에 대해서

실제 구현

partial page의 사용

• partial page만드는 법

• partial page 적용

  만든 partial page를 application.html.erb에 적용한다. 적용 방법은 다음과 같다. <%= render ’layouts/header’ %> <%= render ’layouts/footer’ %>

결론

static pages 만들기 - navigation menu

static pages 개요

• static page란?

• static page종류

  • (1) home
  • (2) help
  • (3) about
  • (4) contact us
  • (5) news
  • (6) support

[1] static pages 만들기

home page 작성

• view 작업

• routing작업

  root to: ‘static_pages#home’ 추가

• 연결작업

  layouts/application.html.erb에서 navigation을 만든 경우, home을 연결해야 한다.

about page 작성

[devise gem]으로 로그인 만들기

devise란?

devise 설치 과정

• [1] Gemfiles에 devise gem 추가

• [2] bundle install을 실행한다.
• [3] rails g devise:install를 실행한다.

• 4. config.action_mailer.default_url_options를 environments/development.rb에 설정한다. mail template에 대한 URL을 만들어준다고 한다. 보통 해도되고 안해도 된다.
• 5. root, to: ‘home#index’가 반드시 있어야 할 필요는 없다.
• 6. layout/application.html.erb에는 notice와 alert tag를 삽입하면, session이 만들어질때나 유지될때 메시지가 출력된다. 하자

  <p class=“notice”><%= notice %></p> <p class=“alert”><%= alert %></p>

• 7. railg g devise:views : view/devise라는 폴더가 만들어지면서 여러 page들이 만들어진다.
• 8. rails g devise User : user model을 만든다.
• 9. migrate file에서 t.string :username으로 사용자 이름 field를 추가한다.

• 10. rake db:migrate 로 db에 table을 만든다.
• 11. routes 파일을 보면 devise_for users라고 만들어진다. 어떤 URL이 있는 지 확인하자.

• 12. rake routes | grep users
• 13. 위에서 확인해야할 것은 다음과 같다.

1. url/users/sign_up으로 들어가서 회원가입을 작성 한다. -> 작성이 끝나면 login되면서 home으로 url이 이동된다.

2. 다시 url/users/sign_up을 하면 login이 이미 된 상태라서 회원가입창이 나오지 않고 다시 home으로 이동된다.

3. navigation에 있는 sign in, sign up의 경로를 맞춰줘야 한다. application layout에 있는 navi menu에 sign-in과 sign_up이 있는지 확인한다. 없다면 만든다. 아래는 login 아이콘과 signed up 아이콘이 있는 button이다. 자주 사용되서 가져왔다. font awesome icon을 사용했다.

   <ul class=“nav navbar-nav ml-auto”> <li class=“nav-item”> <a class=“nav-link” href=”#"><span class=“fas fa-user”></span> Sign Up</a> </li> <li class=“nav-item”> <a class=“nav-link” href="#"><span class=“fas fa-sign-in-alt”></span> Login</a> </li> </ul>

4. 14. [ navigationbar에서 signup과 login의 link를 알맞게 연결한다. ]
5. 15. [ login 상태에 따른 처리도 해야한다. ]

   login 상태에 대한 처리라는 것은 다음과 같다. 만일 login이 되었다면, log out버튼만이 보여야 한다. login이 안 되었다면 log in과 sign up 버튼이 보여야 한다. 이것은 다음과 같이 구현한다.

   <% if user_signed_in? %> <li class=“nav-item”> <%= link_to destroy_user_session_path, class: “nav-link” do %> <!– <span> –> <i class=“fas fa-sign-out-alt”></i> Log Out <!– </span> –> <% end %> </li> <% else %> <li class=“nav-item”> <a class=“nav-link” href="/users/sign_in"><span class=“fas fa-sign-in-alt”></span> Login</a> </li> <li class=“nav-item”> <a class=“nav-link” href="/users/sign_up"><span class=“fas fa-user”></span> Sign Up</a> </li> <% end %>

   PS: 위에서 link to는 a태그와 같이 link를 걸지만, 그안에 class속성과 icon을 넣을 수 있다. 그 방식은 tip이라고 할 수 있다.

6. 16. [ 에러 발생 ] logout시 session을 지울때 method를 delete로 해서 server로 전송하는게 안된다. 어떤 방식을 써도 다음과 같은 에러가 발생한다.

• 17. [ logout 문제 해결 방법 ]
  • (1) <%= link_to “logout” , destroy_user_session_path %> 로 한다.
  • (2) (1)을 수정해서 <%= link_to destroy_user_session_path, data:{method: “delete”}, class: “nav-link” do %>로 한다. 그런데 method: “delete"가 먹지 않는것같다. 즉 계속 :get으로 연결한다. 그래서 난, (3)에서 signed out을 :get으로 변경했다.
  • (3) config/initializers/devise.rb에서 config.sign_out_via = :delete로 되어 있다면 :get으로 변경한다.
• 18. username항목 추가

  db:migrate하기 전에 migrate파일에서 username을 추가했었다. 이 부분이 회원가입과 login시에 포함되어 있지 않다.

  • 회원 가입 화면 처리

    우선 회원가입 page에서 username을 추가 시키자. 회원 가입 page는 devise/registration/new.html.erb에서 다음과 같이 추가한다.

• username [controller처리]

• update에관한 처리(view)

• 수정 화면

• 수정 결과 (DB 저장 여부)

• navigation에 사용자 이름 출력

  username이라는 항목을 devise에 추가하면서, 회원가입시, 회원정보 수정시 view,controller에 알맞는 처리를 해주었다. 마지막으로 사용자가 login시에, navigation bar에 사용자 이름과 logout 아이콘이 나오게 해야 한다. 지금은 logout 아이콘만 나온다. 이것을 추가하기 위해서는 navigation code가 있는 _header.html.erb를 수정한다.

• 19. page 접근권한

  devise에서 제공하는 것 중 유용한게 있다. 특정 page에 접근하려고 할때 login이 되어 있지 않다면 접근할 수 없게 할 수 있다. 이걸 하려면, controller에 before_action을 거는 것이다. before action으로, authentication_user!를 사용하면 해당 controller가 관할하는 pages들에 대해서 login하지 않았다면 접근 할 수 없다. only와 except라는 option으로 세부 조정도 가능하다.

  before_action :authenticate_user! : 모든 page에 접근할 수 없다. before_action :authenticate_user!, except: :index # index빼고 실행 before_action :authenticate_user!, only: :show # show만 실행

  before_action :authenticate_user!, only: [:index, :show] before_action :authenticate_user!, only: [“index”, “show”]

  #퍼센트 기법을 사용하면 아래와 같이도 가능 before_action :authenticate_user!, only: %i[index show] before_action :authenticate_user!, only: %w[index show]

• 20. devise page 꾸미기 (bootstrap) –delay: 나중에 bootstrap css를 다시 공부하고 난 후에 한다.

  devise에서 제공하는 page는 별로 이쁘지 않다. 수정이 필요하다. 완벽한 수정전에 우선 중앙 정렬부터 하자. 중앙 정렬은 <div class=container>로 묶어주면 된다.

  수정할 page를 어떤게 있고, 어떻게 찾을수 있는가? 찾는법: rails routes에서 page와 url mapping을 볼 수 있다.

  • registration page(회원가입 page): /users/sign_up -> view/devise/registration/new.html.erb
  • login page (로그인 page): users/sign_in -> views/devise/session/new.html.erb
  • 회원 정보 수정 ->views/devise/registration/edit.html.erb

  (1) 로그인 page수정

  <h2>Panels with Contextual Classes</h2> <div class=“panel panel-primary”> <div class=“panel-heading”>Panel with panel-primary class</div> <div class=“panel-body”>Panel Content</div> </div>

rails_admin 관리자 페이지 만들기

• (1) gem ‘rails_admin’, ‘~> 2.0’’ in gemfiles
• (2) bundle install
• (3) rails g rails_admin:install

• (4) server restart 후 동작확인 (동작은 완료) url/admin으로 들어가면 접속된다.
• (5) [문제점]너무 느린 문제 /admin접속 시에 너무 느리다. 해결책은 dashboard의 statistics를 false로 해서 처음 접속시 시간이 많이 걸리는 통계를 건너뛴다.

• (6) 계정에 admin column추가

  devise gem에선 User라는 model을 만들고 table도 만들었다. 이 users table에는 사용자의 기본 정보들을 column으로 갖는다. rails-admin페이지는 현재 아무나 접근할 수 있기 때문에, devise gem에서 만든 user table에 admin이라는 column을 추가해서, 이 값이 true인 admin 사용자만 접근할 수 있게 처리해야 한다.

  • admin column을 갖는 migration을 만든다.

    rails generate migration add_admin_to_users admin:boolean을 실행하면 admin:boolean이라는 column을 추가하라는 migration이 만들어진다. 이 migration을 좀 수정할 필요가 있다. add_admin_to_users라는 migration에서 default:false로 처리한다.

  • rails db:migrate 를 실행한다.

• (7) 특정 계정에 admin설정하기

  rails c 로 들어가서 특정 user를 찾거나, user를 만든다. 나는 user를 만들고 만든 user에게 admin권한을 주겠다. User.create(username: “admin”, email: “admin@pnc.co.kr ”, password:“1234567”, password_confirmation:“1234567”) 로 실행한다. 만들때 admin을 true를 해줘야 하는데 못해준 경우, 다음과 같이 User.find_by로 찾는다. t=User.find_by(email:admin@pnc.co.kr) t.update_attribute :admin,true

  참고: find는 id로 찾는다. find_by와 where은 attribute로 찾는다. find_by는 레코드 1개를 가져온다. where은 여러줄을 가져온다.

• (8) routing table 수정

  아래와 같이 routing table을 수정한다. 이렇게 하면 /admin에 접근할 수 있다.

• (9) css깨지는 문제점

  production에서 css가 적용되지 않는 문제가 있다. assets:precompile을 production mode로 하고 아래를 추가하라고 한다. 나는 /confing/environments/production.rb에서 아래와 같이 수정만 했다. 그랬더니, 적용이 된다.

table 만들기와 pagenation 구현하기

pagy 설정

pagy 적용

#/config/initializer/pagy.rb require ‘pagy/extras/bootstrap’

pagy의 table rows 정하기

table의 모양 꾸미기

table 갱신하기

button refresh

$(document).ready(function () { $(“button”).click(function () { location.reload(true); alert(‘Reloading Page’); }); });

<!– <script> setTimeout(“location.reload();",10000); </script> –>

• rails

  <%= link_to ‘refresh’, pressure_path, { :class => ‘btn btn-secondary my-2’, ‘data-toggle’ => ’tooltip’, ‘data-placement’ => ‘bottom’, :title => ‘button or auto?’} %>

check box refresh (주기적 refresh)

Ajax를 사용한 처리

webpacker js처리

table refresh switch를 session에 저장[별도]

• 목표

  pressure 화면에는 table이 있다. 이 table은 외부에서 data가 저장되고 있다. 하지만, 화면의 table은 갱신되고 있지 않다. 주기적으로 갱신하고 싶은게 목적이다. 그래서 check button을 만들었다. checkbutton이 check되어 있다면, setTimeout으로 주기적으로 data를 ajax로 얻어와서 append()로 뿌려줄 것이다. check button이 check되지 않았다면, data를 가져올 필요가 없다. 이 처리를 하는데, 난관이 하나있다. checkbutton을 check한 후, 다른 controller로 이동했다고 하자. 예를 들어, 다시 home으로 이동했다. 그리고 다시 pressure화면으로 이동했을때, checkbutton은 check된 상태일까? 이 질문은 checkbutton이 stateful한 것인가?라는 질문이다. 만일 stateful하다면 다른 page로 이동 시(rails에서는 다른 controller이동 시) 그 상태가 유지되어야 한다. 그런데 별다른 처리를 하지 않은 지금은 당연히 상태가 유지되지 않는다. 즉, stateful하지 않다. 그래서 첫번째 quest는 어떻게 stateful하게 만들것인가? 하는 것이다. 즉 check button을 pressure page에서 check한 후, home으로 이동한 후, 다시 pressure page로 이동했을때, check상태로 유지해야 한다. 또한 check button을 pressure page에서 uncheck한 후, home으로 이동한 후, 다시 pressure page로 이동 했을 때, uncheck상태로 유지 시켜야 한다. 이렇게 된다면 stateful한 것이다. 그 다음에 주기적인 작업을 할 수 있을 것이다.

• stateful의 개요

• session 사용

  [1] customize controller사용 : session에 checkbutton의 상태값을 언제 저장하는가? login처리를 하는 controller에서 저장한다.. devise gem은 controller를 제공하지 않지만, 재정의가 가능하다. 재정의 하는 방법은 devise gem의 wiki에 가면 customize controller에 대해서 설명했다. 그 방식을 따르면 controller에서 session을 사용할 수 있다. session을 통해서 stateful한 기능을 구현할 수 있다. 이 방식은 login이 성공했을때, controller단에서 session설정이 가능하다는 장점이 있다.

  [2] 기존 controller의 사용: 나는 이 방식을 사용할 것이다. session[:switch_value]라는 객체에 switch라는 checkbutton의 상태 값을 유지시킬 것이다. 방법은 다음과 같다. table이 보여지는 page가 속한 controller에 처음 방문하면, session[:switch_value]는 아무런 설정이 없다.그래서 그 값은 nil일 것이다.. 여기에 초기값을 설정하고(초기값은 false다.), 초기 값에 따라 page에서 checkbutton은 check가 될 수가 있고 안될 수 있게 html에 <% if session[:switch_value] %>와 같은 ruby code를 embeded해서 처리할 것이다.. 초기값을 false로 했기 때문에, browser에서 처음 page를 다운받으면 checkbutton은 false로 보일 것이다. 그 다음은 checkbutton을 클릭했을 때, 그 값이 변경된다. 그런데 이런 변경은, 즉 checkbutton event처리는 javascript에서 변경이 된다. javascript에서의 변경은 server가 아닌 client단에서 이루어진다. 반면에 초기값을 session에 설정하는 작업이라던가? session의 값을 바탕으로 html에 적용하는 과정은 모두 server에 있는 session개체에서 이루어진다. client단의 javascript는 server에 있는 session개체에 접근 할 수가 없다. checkbutton을 check하고 uncheck할때 session에 값을 변경해야 하는데, 어떻게 javascript가 server의 session개체의 값(상태)를 변경할 것인가? ajax를 사용하기로 한다. ajax를 사용해서 server의 session객체의 상태값을 변경 시켜줘야 한다. 이렇게 해줘야 다음과 같은 시나리오에 문제가 없다. 어떤 시나리오냐면, table과 checkbutton이 있는 page에서 checkbutton을 check한다.그러면 화면상에 checkbutton은 check되어 보인다. 그리고 home으로 이동한다. 그리고 다시 table과 checkbutton이 있는 page로 이동한다. 그러면 checkbutton은 uncheck상태가 된다. 왜냐? server의 session객체는 초기값인 false를 가지고 있기 때문이다. javascript에서 server의 session객체의 값을 true로 상태변경을 해주지 않았기 때문이다. 그래서 ajax로 server의 session객체에 true로 설정해줘야 한다. 이렇게 해주면, 사용자가 다른 page로 이동하고 다시 와도, 초기값으로 설정된 값으로 보이는게 아니라, javascript에서 설정된 값으로 보이게 된다. stateful해진다. 여기까지 하면 checkbutton의 상태값은 page이동후에도 유지된다. 그러나 우리가 원하는것은 checkbutton이 check되면 주기적으로 table이 갱신되는 것이다. 주기적으로 뭔가를 하려면, setInterval함수를 사용한다. 갱신은 ajax로 table 데이터를 받아 와서 html로 뿌려줘야 한다. jquery에 append함수를 사용하면 된다. 여기서 질문. 주기적 작업은 계속 background로 도는가? setInterval로 data를 가져오는 작업은 한번 trigger되면 계속되는가? 그렇지 않다. javascript가 수행되는 환경에서만 동작한다. 즉 table과 switch checkbutton이 있는 page를 다운받을 때 js도 같이 다운받고 주기적 갱신 작업이 실행된다. 이러다가 사용자가 home화면으로 이동하면 home page를 다운받고, home의 js도 다운받아서 다른 js를 수행한다. 즉, table과 switch가 있는 page를 계속 보고 있다면, 주기적 작업이 실행되는 것이다. 다른 page로 이동하면 다른 js를 실행할 뿐이다. 그래서 switch를 check하면, 주기적 갱신을 하고, uncheck하면 멈춰야 한다. 멈추는 것은 clearInterval함수를 사용한다.

• server에서 상태를 유지해야 하는 switch

• 내가 원하는 것은?

• 결론: session을 사용하자. 그리고 before_action을 사용하자.

  before_action :set_switcher, only: [:show, :edit, :update :destroy] controller에 위와 같이 작성하면, only에 정의된 action들이 수행하기 전에 set_switcher라는 함수를 실행하라는 뜻이다.

d3 or c3 chart or chart.js 구현하기

sidekiq, whenever gem 사용법

[부록] webpacker-bootstrap settings

• 개요

css나 js, image가 저장될 폴더 정하기

pack 폴더에 있는 packing할 항목 설정하기 - pack설정

bootstrap을 application.js란 pack에 packing하기 [ js pack하기 ]

css pack하기

pack 적용하기 [ css & js ]

<!DOCTYPE html> <html> <head> <title>Myapp</title> <meta name=“viewport” content=“width=device-width,initial-scale=1”> <%= csrf_meta_tags %> <%= csp_meta_tag %>

<!– Warning !! ensure that “stylesheet_pack_tag” is used, line below –> <%= stylesheet_pack_tag ‘application’, media: ‘all’, ‘data-turbolinks-track’: ‘reload’ %> <%= javascript_pack_tag ‘application’, ‘data-turbolinks-track’: ‘reload’ %> </head>

<body> <%= yield %> </body> </html>

test하기

server에 적용 확인

[부록] turbolink와 jquery

[부록] ajax 사용법 1

• ajax 개요

• ajax 사용법

  ajax는 server에 data를 요청한다. data를 받고 받은 데이터를 html로 보여주어야 한다. 어떻게 할 것인가? 또한 주기적으로 보여줘야 한다. 어떻게 할것인가? 여러부분으로 나눠야 할 듯하다.

• [ view 영역 처리 ]

  테이블이나 graph같은 것을 주기적으로 갱신 시키는 일은 html에서 하지 않는다. html에서는 table이나 graph를 둘러싼 div에 id를 정해놔야 한다. 왜냐면 갱신 시키는 javascript에서 해당 id를 참조하기 때문이다. 왜 참조하는가? 해당 id로 정해진 div영역을 다시 html으로 만들어서 append할 것이기 때문이다. 여튼 처음 사용자로 부터 요구로 인해 받아지는 page에는 해당 그래프나 테이블을 포함하는 부모 tag만 있는다. 그래서 html만 다운 받으면 그 부분은 아무것도 표시되지 않을 것이다. html 파싱과 렌더링이 끝난후에 js가 수행되는데, js는 js.append를 사용해서 그 표시가 되지 않는 부모 tag의 자식에 html을 붙일 수 있다.

• [ javascript 처리 ]

  javascript에서는 여러가지를 해야 한다.

  • 주기적 작업
  • server와 data통신 시 data를 주고 받는 작업.
  • 받은 data를 처리시 html을 append

  $(function() {
                 timer = setInterval( function () {
                         $.ajax ({
                                 "url" : "[받아올 내용이 있는 URL]",  // ----- (1)
                                 cache : false,
                                 success : function (html) { // ----- (2)
                                         [받아온 내용을 처리할 부분] // ----- (3)
                                         [받아온 내용은 변수 html로 전달]
                                 }
                         });
                 }, 30000); // 30초에 한번씩 받아온다.
         });
  

• server단 처리

[부록] ajax 사용법 2

실제 구현

개요

login을 고려하지 않은 방식

(1) ajax를 사용하기 위해서 jquery를 설치 한 후 application.js에 import하자. 그런후, application.html.erb에 적용

• import 위치 확인

• import

(2) ajax를 이용하는 js pack을 만든다. (뼈대만)

• packs

(3) 전체 동작에 대한 이해 (stateful)

login을 고려한 방식

[부록] link_to helper 사용법

[부록] form_for helper사용법

[부록] 지도 관련 사용법

[부록] I18n 사용법

[부록] byebug 사용법

[부록] debugger (javascript) 사용법

[Error처리] - warning처리 (The loose option must be..)

• 해결

  아래와 같이 처리한다.