Ruby on Rails(루비온레일즈) 2 강 : controller, view, router

1. Open the webapp folder with Vscode

2. Type "rails s" on the terminal

 

3. Open localhost:3000 on the chrome

create test.html under public folder and open "localhost:3000/test" on the chrome

 

1. Make Controller (name = home)

rails g controller home

2. enter an action (index)

class HomeController < ApplicationController
    def index
        @time = Time.current
    end
end

@변수는 뷰에 연결할수 있는 변수를 의미

연산등의 동적인 작업을 Ruby로 컨트롤러에서 하고 그 결과를 뷰인 html 로 넘김

3. Create View under views/home with controller's action name(index)

"index.html.erb"

erb : embedded ruby 의 약자로서 html 화일에 ruby 를 임베디드 할수 있게 하겠다란 의미로서

<%=    %>

와

<%   %>

사이에 루비코드를 넣을수 있다

= 가 들어가면 루비코드 실행하고 그리기까지 한다는 뜻이고

=가 없으면 루비코드를 실행만하고 그리지는 않음

 

 

4. Enter code on index.html.erb

<h1>
time is <%= @time %>
</h1>

5. Add router

Rails.application.routes.draw do
  get "/" => "home#index"
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

"/" root 에 접속시에 "home" controller 의 index 로 보내라는 뜻

 root "home#index" 로 더 많이 씀

 

 

기본 html 코드는 application.html.erb 에 있음

 

 

javascript 코드는 app/javascript/application.js 에 넣고

css 화일은 app/assets/stylesheets 에 넣어면 됨

 

 

application.css

h1 {
    color: red
}