ruby on rails 문자 코드 지정 방법 reset css 적용 방법

소개



html&css 공부로 시작하면, raby on rails에 들어갔을 때, 지금까지 기술하고 있던 것은 어디에 갔습니까? 느낄 수 있습니다. 그 대표가 문자 코드의 지정 utf8 이나 reset.css 라고 생각합니다.
자신의 비망록으로도
  • 문자 코드 지정 방법
  • reset.css를 적용하는 방법

  • 이상의 2개를 해설해 가고 싶습니다.

    문자 코드 지정 방법



    자주 잊어 버리는 경향이 있지만 여기는 다음 파일을 열고 encodingencoding: utf8로 다시 작성하면 완료됩니다.
    HTML 때는 매번 문자 코드를 지정하는 기술을하고 있었는데, 이것만으로 모든 파일에 적용된다니 매우 편리하네요!
    config/database.yml

    databese.yml
    default: &default
      adapter: mysql2
      encoding: utf8
      pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
      username: root
      password:
      socket: /tmp/mysql.sock
    
    development:
      <<: *default
      database: original_news_development
    

    reset.css를 적용하는 방법



    실은 이쪽, reset.css의 파일을 app/assets/stylesheet의 부하에 작성해 버리면 그것만으로, 적용되게 되어 있습니다. 이것도 매우 편리! !
    어떤 구조로 그렇게 되어 있는지 쉽게 살펴 보겠습니다.
    app/assets/stylesheets/application.css

    application.css
    /*
     * This is a manifest file that'll be compiled into application.css, which will include all the files
     * listed below.
     *
     * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
     * vendor/assets/stylesheets directory can be referenced here using a relative path.
     *
     * You're free to add application-wide styles to this file and they'll appear at the bottom of the
     * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
     * files in this directory. Styles in this file should be added after the last require_* statement.
     * It is generally better to create a new file per style scope.
     *
     *= require_tree .
     *= require_self
     */
    

    이곳은 아래에서 세 번째 줄에 *= require_tree .라는 설명이 있습니다.
    이것은 stylesheets 이하의 모든 CSS 파일을 읽는 것을 의미합니다.
    또한,
    app/views/layouts/application.html.erb

    의 9행째의 기술에 'application' 라고 하는 기술이 있습니다만, 이것은 application.css를 가리키고 있습니다.
    즉, 여기에 기술되는 것에 의해, 모든 html.erb 파일에 css가 적용되게 됩니다.
    따라서 reset.css도 자동으로 적용됩니다.
    이번에 설명한 파일이나 코드는 원래 기술되어 있으므로 아무것도 하지 않아도 css가 적용되는 구조가 되어 있습니다.
    rails는 매우 편리! !

    끝에



    오늘 소개한 두 가지는 커리큘럼을 따라 앱을 제작하고 있다면 좀처럼 의식하기 어려운 곳이라고 생각합니다.
    다만, 스스로 처음부터 어플의 제작을 실시할 때에, 자신은 의문으로 생각했으므로 소개하였습니다.
    이 기사가 누군가의 도움을 받으면 다행입니다! !

    좋은 웹페이지 즐겨찾기