Rails 설치

Rails를 설치합니다.참고 문헌에 따라 판본은 5.2.1을 선택한다.

$ gem install rails -v 5.2.1

순조롭게 설치되었습니다!!

응용 프로그램의 모형을 만들다

응용 프로그램의 모형을 만들다.

$ rails new tweet_app -d mysql

응용 프로그램 디렉터리로 이동...

% cd test_app

데이터베이스를 만듭니다.ySQL이 시작된 상태에서 다음 명령을 입력합니다.

$ bin/rails db:create

이렇게 하면 데이터베이스를 만들 수 있는데... 이렇게 생각하면 오류가 납니다.

Mysql2::Error::ConnectionError: Access denied for user 'root'@'localhost' (using password: NO)

몇 시간 동안 처리 방법을 찾았지만 전혀 해결되지 않아 급하게 PostgreSQL을 사용했습니다.
Homebrew에 설치하고 이전 단계로 돌아갑니다.

$ bin/rails db:create

이번에 무사히 DB를 만들었습니다!
서버를 시작합니다.

$ bin/rails s

서버를 시작한 후 브라우저에서 액세스http://localhost:3000합니다.
(서버를 종료하려면 [Control+C])

그림에서 보듯이 정상적으로 일한다.

Slim 배포

Rails를 사용하는 개발에서 응용 프로그램의 화면은 "ERB"라는 템플릿 엔진(최종 HTML을 생성하는 구조)을 사용합니다.
이 밖에도 ERB보다 간결한 기법인'슬림'도 있다.이번에는 이곳을 사용하기로 했다.
두 개의 Gem을 사용하여 Slim을 배포합니다.
1.slim-rails: 슬림 생성기 제공
2.html2slim: ERB 형식의 파일을 슬림 형식으로 변환
응용 프로그램의 Gemfile에서 정의

gem 'slim-rails'
gem 'html2slim'

bundle 명령을 사용하여 설치되었습니다.

$ bundle

이제 생성된 템플릿 파일이 슬림 형식으로 변경되었습니다.
현재 app/views/layouts 디렉터리에 ERB 형식의 파일이 3개 있기 때문에 다음 명령으로 슬림 형식을 만듭니다.

$ bundle exec erb2slim app/views/layouts/ --delete

bundle exec[명령]에서 Bundler 관리하의gem가 사용할 수 있는 상태에서 명령을 실행합니다.

Bootstrap 및 Sass 배포

자신의 힘으로 CSS를 구성하는 것은 어렵기 때문에 전단 프레임워크의 Bootstrap을 가져옵니다.
Gemfile에 다음 내용을 추가하여 bundle 명령으로 설치합니다.

gem 'bootstrap'

CSS에도 Slim과 같은 유효한 쓰기 형식인'Sass'가 있습니다.
이번에는 Sass에서 제공하는 "SCSS"기법으로 CSS를 구입합니다.
우선, app/assets/stylesheets/application.css 삭제

$ rm app/assets/stylesheets/application.css

app/assets/stylesheets/application.scss를 만들고 파일에 다음 내용을 기술합니다.

@import "bootstrap";

이제 화면을 Bootstrap 상태로 설정할 수 있습니다.
다음은 외관을 구체적으로 개선하기 위해 app/views/layouts/application.html.slim
파일 편집:.

doctype html
html
  head
    title
      | TweetApp
    = csrf_meta_tags
    = csp_meta_tag
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
  body
    .app-title.navbar-expand-md.navbar-light.bg-light
      .navar-brand Tweet_app
    .container
    = yield

오류 정보의 일본어화

Rails의 잘못된 정보는 영어이지만 일본어로 가능합니다.
일본어 번역 파일은 GitHub에 있으니 다운로드하세요.

$ wget https://raw.githubusercontent.com/svenfuchs/rails-i18n/master/rails/locale/ja.yml --output-document=config/locales/ja.yml

다음은 일본어 내용을 기본적으로 사용하기 위해 프로그램의 설정을 변경합니다.
config/initializers/locale.rb를 만들고 다음 내용을 기입하십시오.

Rails.application.config.i8m.default_locale = :ja

이렇게 하면 응용 프로그램 제작의 사전 준비가 완성됩니다!

참고 자료

현장에서 사용하는 Ruby on Rails5 속습 실습 가이드