ruby on rails 문자 코드 지정 방법 reset css 적용 방법
3259 단어 RubyonRails6.0초학자용
소개
html&css 공부로 시작하면, raby on rails에 들어갔을 때, 지금까지 기술하고 있던 것은 어디에 갔습니까? 느낄 수 있습니다. 그 대표가 문자 코드의 지정 utf8
이나 reset.css
라고 생각합니다.
자신의 비망록으로도
이상의 2개를 해설해 가고 싶습니다.
문자 코드 지정 방법
자주 잊어 버리는 경향이 있지만 여기는 다음 파일을 열고
encoding
를 encoding: 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는 매우 편리! !
끝에
오늘 소개한 두 가지는 커리큘럼을 따라 앱을 제작하고 있다면 좀처럼 의식하기 어려운 곳이라고 생각합니다.
다만, 스스로 처음부터 어플의 제작을 실시할 때에, 자신은 의문으로 생각했으므로 소개하였습니다.
이 기사가 누군가의 도움을 받으면 다행입니다! !
Reference
이 문제에 관하여(ruby on rails 문자 코드 지정 방법 reset css 적용 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/RuiShunsin/items/06f3115995161fd7b89f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)