Ruby On Rails에서 HP 작성 노트

목적



나만의 Rails에서 Hello World보기. 이번은 mac에서의 환경 설정.
Windows는 다음 번. . . .

개발 환경



macOS Big Sur
Visual Studio Code

버전



Rails 5.2.3
Ruby 2.7.0
rbenv 1.1.2
번들러 2.1.4

초기 설정



1 . Homebrew 설치

terminal
$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2. rbenv 설치

Ruby 버전 관리 도구 rbenv 다운로드

terminal
$ brew install rbenv ruby-build

3-1. Ruby 설치

최신 버전(2.7.0) 설치

terminal
$ rbenv install --list
$ rbenv install 2.7.0
$ rbenv global 2.7.0
$ ruby -v

3-2 . ​​PATH를 통과

terminal
$ touch ~/.bash_profile # ホームディレクトリに.bash_profileを作成
$ touch ~/.bashrc       # ホームディレクトリに.bashrcを作成
$ echo '# rbenv' >> ~/.bash_profile
$ echo 'export PATH=~/.rbenv/bin:$PATH' >> ~/.bash_profile
$ echo 'eval "$(rbenv init -)"' >> ~/.bash_profile
$ source ~/.bash_profile

4. Bundle 설치

Rails 버전 관리 도구 다운로드

terminal
$ gem install bundler
$ bundle -v

5. Rails 설치

terminal
$ gem install -v 5.2.3 rails
$ gem list rails

*** LOCAL GEMS ***

rails (6.0.2.1, 5.2.3)
rails-dom-testing (2.0.3)
rails-html-sanitizer (1.3.0)
sprockets-rails (3.2.1)

6. 데이터베이스 설치

sqlite3

terminal
$ gem install sqlite3 @[バージョン]

postgresql

terminal
$ brew install postgresql @[バージョン]

MySQL

terminal
$ brew install mysql @[バージョン]
$ mysql.server start

7 . 프로젝트 작성 · 도입 ~ 기동

workspace
$ rails _5.2.3_ new my-app

workspace/my-app
$ cd my-app
$ bundle install --path vendor/bundle
$ rails server

→ Gemfile에서 설치하는 방법도 있습니다.

응용



bootstrap4 도입

Gemfile
gem 'bootstrap', '~> 4.3.1'
gem 'jquery-rails'

my-app
$ bundle install

app/assets/javascripts/application.js
//= require jquery3
//= require popper
//= require bootstrap-sprockets

→ 문장에는 기술하지 않는다

app/assets/stylesheets/application.css→application.scss(rename)
@import "bootstrap";

라우터 및 MVC 개발



my-app
$ rails g controller users index

라우터

my-app/config/routes.rb
Rails.application.routes.draw do
  get 'users/index'
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

①모델

my-app/app/models
$ 省略

②컨트롤러

my-app/app/controllers/users_controller.rb
class UsersController < ApplicationController
  def index
    @message = 'Hello World'
  end
end

③뷰

my-app/app/views/users/index.html.erb
<div class="row">
<div class="col-1">
</div>
<div class="col-4">
<h1><%= @message %></h1>
</div>
</div>

결과







복원할 때

my-app
$ bundle update

백그라운드에서 남아있을 때

terminal
$ rm ./tmp/pids/server.pid //process idを消す

좋은 웹페이지 즐겨찾기