Rails6 Rails6에서 api를 작성할 때 cors 설정에서 망설임에 대해 아래와 같은 어플리케이션을 만들려고 했을 때에, CORS의 설정으로 프로덕션 반영 후에 에러가 발생해 버렸으므로, 같은 실수를 하지 않도록 정보를 제대로 정리해 둔다. firebase에서 호스팅 된 nuxt 응용 프로그램의 URL이 https://xxxx.web.app이면, config/environments/production.rb config/initializer/cors.rb api에 ... CORSRails6 Rails 6에서 인증 승인 게시판 API 구축 #2 git과 rubocop 도입 그 후 적당한 이름을 붙여 작성. Cloud9는 기본적으로 git이 들어 있기 때문에 그대로 git 명령을 사용할 수 있습니다. 위의 대응이라면 push 할 때마다 Github의 사용자 ID와 비밀번호를들을 수 있습니다. 타이틀은 알기 쉬운 것을 붙여, key에 방금 전의 공개키를 붙여 보존. 다만, 이것이라도 push시에 아직 ID 패스를 들을 수 있을 것이다. 이제 다음 번부터 push ... Rails6RailsRuboCoprails-api루비 MVC에 대해 진심으로 정리해 보았습니다. Rails를 당연히 사용하고 있지만, "그런데 MVC는 무엇?" 나름대로 언어화하기 위해 다시 한번 정리해 보았습니다. ※여기서 취급하는 MVC는, Rails에서 사용되는 소위 「MVC2」라고 불리는 것입니다. Model View Controller의 약칭으로, 전체 프로그램을 데이터 표시 부분과 데이터 처리, 데이터베이스 관리의 3가지 요소로 나눈 웹 애플리케이션의 디자인 패턴입니다. Ra... mvcRails6Rails rails에서 font awesome의 일부 아이콘이 표시되지 않는 원인 포트폴리오 아이콘에 font-awesome을 사용해 보았습니다. 브라우저에 의해 표시되는 아이콘과 표시되지 않는 아이콘이 있었다. chrome : 표시 할 수 없습니다 safari : 잘 표시된다 인터넷 기사에서 정보를 수집하고 해결책을 시도해 보는 것도 잘하지 않았습니다. 공식 페이지에서 표시 아이콘 유형을 터치하면 원인을 알았으므로 정리해 둔다. rails (6.1.4) 루비 (2.7.3... 표시되지 않음Rails6원인FontAwesome아이콘 Rails6에서 FontAwesome 소개 및 표시 이번에는 원래 앱에 FontAwesome을 도입했습니다. Rails6에서는 Webpacker라는 패키지를 사용합니다. FontAwesome은 아이콘을 쉽게 도입할 수 있다는 것입니다. 이번 내 원래 앱에서는 좋아하는 기능 구현으로 좋아하는 버튼 에 사용했습니다. 도입하면 왼쪽 아래와 같은 아이콘을 사용할 수 있습니다. 먼저 yarn을 사용하여 FontAwesome을 설치합니다. 다음으로 Ja... 초보자Rails6FontAwesome 【도해 있음】Rails6에서 Font Awesome을 이용해 SNS 아이콘을 표시시킨다 Rails6에서 애플리케이션에 Font Awesome을 도입했을 때의 순서를 정리해 보았습니다. 초초심자용입니다. 마지막: 계속됩니다. 완성 콘솔 Font Awesome 불러오기 app/javascript/packs/application.js app/javascript/stylesheets/application.scss 도입 완료 에서 임의의 아이콘 코드를 복사 index.html.erb 표... Rails6RailsBootstrapFontAwesome초보자 【Rails6】link_to에 FontAwesome을 임베드하는 구체적인 방법 【Copipe OK】 Rails에서 「link_to의 삭제 버튼을 아이콘으로 작성하고 싶다」라고 생각해, 조사한 내용을 정리했습니다. Rails에서 아티팩트를 만들기 시작한 사람 bootstrap 도입 이번에는 rails6에서 진행하고 있습니다 link_to 표시를 ""문자"→ "아이콘""으로 변경합니다. ① "Font Awesome"설정 ②사용하고 싶은 아이콘 코드를 취득 ③ 'link_to'에 '아이콘' 포함... Rails6RailsFontAwesome초보자link_to Rails6에서 Font Awesome 5 사용 rails6에서 FontAwesome5를 사용할 기회가 있었으므로 도입 방법을 공유합니다. (rails5도 거의 같다고 생각합니다) 이번에는 CDN (링크를 사용하여 읽는 방법) 대신 gem을 사용합니다. rails 6.0.2 루비 2.6.5 ※ 필요에 따라 파일 이름 등을 변경하십시오. rails new 앱 이름 -d postgresql rails db:create rails g contr... SassRails6FontAwesome 【Rails6】DEPRECATION WARNING: Single arity template handlers are deprecated. Template handlers must now accept two parameters, the view object and the source for the view object. Rails6 업데이트 후, rails 기동시에 다음의 Warning을 토하게 되어 버린 것을 조사·해결한 메모입니다. 에서 해결. Ruby: 2.6.3 Rails: 5.2.4.1 => 6.0.2.1로 업데이트 우선 메시지의 내용을 살펴 보겠습니다.template handler 주위의 인터페이스에 변경이 들어가, Single arity template handlers 가 비추천이 된 것 같습니... Rails6사원Rails슬림 [Rails6.0]Action Text로 작성한 내용을 slim으로 표시 Rails6에서 Action Text가 추가되어 매우 쉽게 리치 텍스트 편집기를 구현할 수 있습니다. 도입에 관해서는 많은 분이 기사로되어 있으므로 여기에서는 할애하겠습니다. 이 Action Text는 has_rich_text 메서드에 지정된 열에 ActionText::RichText 객체를 저장합니다. 예를 들면 다음과 같은 모델이 있었을 때, app/model/article.rb 저장된 ... Rails6이스케이프Rails슬림 Rails 6에서 도입 된 ActionText를 시도했습니다. Rails 6 에서 도입된 ActionText를 시도했지만, 설치로 여러가지 번거로웠기 때문에 잊지 않도록 메모. 지뢰가 많이 있을 것 같다. 6.0.2.1도 설치했기 때문에, 나중의 작업으로 어느새 6.0.2.1이 되었다. Ruby는 2.6이라고 Bundler 1.x系 내장되어, 나중에 bundle 에러로 곤란하게 되기 때문에 2.5.3을 사용한다. (이것을 깨달을 때까지 bundler 2... ActionTextRubyMineRails6 관리자 권한 부여 후 프로덕션에 rails db:seed를 할 때까지(Active Storage도 포함) 관리자 권한 부여 방법에 대해서는 다음 기사에 기재되어 있습니다. ● 관리자 권한 기능이 구현됨 ● users 테이블 정보 XXX_devise_create_users.rb 루비 버전 ruby-2.6.5 Rails 버전 Rails:6.0.0 · gem 'devise' · gem 'rails_admin', '~> 2.0.0.beta' · gem 'cancancan' 관리자에 대한 정보를 seed... 배포Rails6루비프로그래밍 초보자 Rails6 CSS/JavaScript/이미지 변경이 반영되지 않음 assets:precompile AWS(EC2) puma, Nginx Ruby 2.6.6, Rails 6.0.3.2 "좋아. 개발환경에서 거기 거기에 정리했고, 리모트에서 pull하고 프로덕션 환경에서도 반영해라-." qiita.rb 「어째서. Nothing to do 야? 그것은 webpacker이다. 이 때의 문제는 대체로 이 녀석이라는 것. 디렉토리내의 tmp를 지워 보거나 public/packs/js 이하를 지워 보... 배포Rails6Rails 크롬 북 (c101pa)에 rails 설치 Chrome OS 80.0.3987.158 (2020/4/1 현재 최신 버전) bundler 설치 → rails 설치 → Gemfile을 사용한 bundle install 흐름 rails는 최근 6계로 메이저 업데이트되어 5계, 6계로 구분해야 할 것 같기 때문에, 양쪽 모두를 인스톨(프로젝트 작성시에 버전 지정) rails 인스톨의 사전에 필요한 것(sqlite, java runtime라든... ChromebookRails6C101PARails5 예약 가능과 예약 불가로 색으로 구분 예약 가능과 예약 불가로 처리를 나누고 싶다고 생각했습니다만, 생각대로 가지 않았던 것과, 검색해도 기사가 적었기 때문에 정리합니다. 예약 테이블(Reservations)과 좌석 테이블(Sheet)이 연관되어 있습니다. 예약 테이블은 좌석 테이블에 id를 sheet_id로 유지합니다. Sheet sheet_id id 예약할 수 있는 경우는 오렌지, 예약 불가의 경우는 색을 어둡게 해 시각적으... Rails6루비Rails 【Mac】Docker+rails6+MySQL에서의 환경 구축 완전판 MacOS Big Sur 11.5.2 루비 3.0.2 rails 6.1.4 Docker 20.10.8 MySQL 8.0.23 디렉토리 myapp 모두 현재 (2021/09/06) 최신 버전입니다. · Dockerfile · Gemfile · Gemfile.lock · entrypoint.sh · docker-compose.yml Dockerfile 여기서 yarn을 설치하는 것이 포인트입니다... MySQLRails6Mac도커루비 【jQuery】 폼에서 포커스가 벗어나면 값을 성형한다 환경 Rails 6 jQuery 포커스가 풀리면 전후의 공백을 삭제해 전각 공백을 반각 공백으로 치환 포커스가 벗어나면 소문자의 알파벳을 대문자로 변환 util에 쓴 공통 메소드를 include하고 view측에서 필요한 것만 호출할 수 있습니다. 인수는 id 등 셀렉터를 건네줍니다. 복수 가능. util.js application.js _xxx_form.html... Rails6자바스크립트RailsjQuery 【form_with】text_area의 입력 내용의 「개행」을 반영시킨다 form_with를 사용해 제출 폼을 구현해, 입력 내용에 개행을 넣어도, 개행은 반영되지 않는다. (간단한 메모 앱을 예로 한다) new.html.erb show.html.erb · 투고 작성 화면 표시 ↓ 폼의 내용을 송신하면 「개행」이 반영되어 있지 않다. · 투고 화면 표시 form_with로 제출하는 폼내의 「개행」을 반영시킨다. (개행판) 투고 화면 표시 show.html.erb의... HTML5Rails6루비프로그래밍 초보자 지원 모듈을 사용하여 결합 테스트의 가독성을 향상시키는 방법 지원 모듈을 도입하는 방법에 대한 기사입니다. ①지원 모듈용 디렉토리와 파일을 수동으로 작성 ② 서포트 모듈의 내용을 기술 ③ 서포트 모듈을 읽을 수 있도록 한다 ④ 결합 테스트 코드 편집 spec 디렉토리 아래에 support 디렉토리를 만들고 그 아래에 ~_support.rb를 만듭니다. (~의 부분은 임의) (예) 투고에 있어서의 기술을 모듈화하고 있습니다. spec/support/de... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 다이얼로그 표시 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 다이얼로그 표시 기능의 결합 테스트를 구현해, 그 구현 내용을 기사로 해 가고 싶습니다. · 다이얼로그 표시 기능은 실장 완료 다이얼로그 표시 기능의 실장 방법이나 상세에 대해서는, 이하 URL로부터 보실 수 있습니다. · 투고시의 결합 테스트와 같은 테스트 파일에 다이얼로그 표시 기능의 내용도 기술하고 있습니다. 투고... Rails6테스트 코드RSpec프로그래밍 초보자 Rails6] RSpec에 의한 페이지 네이션 기능 (kaminari)의 결합 테스트 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는, 카미나리를 사용해, 구현한 페이지네이션 기능의 결합 테스트를 구현해, 그 구현 내용을 기사로 해 가고 싶습니다. · kaminari라는 gem을 사용한 페이지 네이션 기능이 구현되었습니다. · 투고시의 결합 테스트와 같은 테스트 파일에 페이지 네이션 기능의 내용도 기술하고 있습니다. 투고시에 있어서의 테스트 코드의 ... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】 RSpec에 의한 Review의 모델 단위 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 Review 모델편이라고 하는 것으로, 향후 다른 모델에 대해서도 실시해 기사로 해 가고 싶습니다. ※리뷰가 무엇인가에 대해서는 이하 「리뷰 화면」에서 확인하실 수 있습니다. · 다음 gem은 설치됨 ・리뷰 기능 실장 완료 루비 버전 ruby-2.6.5 Rails 버전 Rails:6.0.0 rspec-rails 4.0.... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 리뷰 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 리뷰 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. ・리뷰 기능은 실장 완료 ・Review(리뷰) 모델의 단위 테스트는 실시 완료 ※완료되어 있지 않은 분이나 단체 테스트와 병행해 보시고 싶은 분은, 이하의 Review 모델의 단체 테스트에 관한 기사를 참고해 주세요. 루비 버전 ruby-... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 검색 기능(ransack)의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 ransack을 사용하여 구현한 검색 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. · ransack이라는 gem을 사용하여 검색 기능이 구현되었습니다. · 투고시의 결합 테스트와 같은 테스트 파일에 검색 기능의 내용도 기술하고 있습니다. 투고시에 있어서의 테스트 코드의 기술은 이하의 UR... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 좋아 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 좋아하는 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. ・Like(좋아) 모델의 단위 테스트는 실시 완료 ※완료되어 있지 않은 분이나 단체 테스트와 병행해 보시고 싶은 분은, 이하의 Like 모델의 단체 테스트에 대한 기사를 참고해 주세요. 루비 버전 ruby-2.6.5 Rails 버전 R... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 팔로우 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 사용자 팔로우 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. · Relationship (팔로우) 모델의 단위 테스트는 실시 완료 ※완료되어 있지 않은 분이나 단체 테스트와 병행해 보시고 싶은 분은, 이하의 Relationship 모델의 단체 테스트에 관한 기사를 참고해 주세요. 루비 버전... Rails6테스트 코드RSpec프로그래밍 초보자 Capybara::ElementNotFound:오류 해결 【결합 테스트】 개발자 도구 (검증 모드)를 사용하여 대상 필드의 name 속성 값을 확인하고 해당 값을 fill in 요소로 만듭니다. (변경 전) spec/system/users_spec.rb (변경 후) spec/system/users_spec.rb 검증 이미지 system Spec을 사용하여 결합 테스트 코드를 실행할 때 테스트 실행 명령을 실행하면 Capybara::ElementNotFound: 오... SystemSpecRails6RSpec프로그래밍 초보자 【Rails6】 RSpec에 의한 투고시의 모델 단체 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 투고시의 모델(Definition 모델) 단체 테스트를 실시해, 그 내용을 기사로 했습니다. 향후 다른 모델에 대해서도 실시해 기사로 해 가고 싶습니다. 또 테스트는 추가로 실시해 가기 때문에, 향후도 투고시의 모델 단체 테스트의 내용을 추가해 갑니다. · 다음 gem은 설치됨 ・투고 기능 실장 완료 루비 버전 ruby... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】 RSpec에 의한 Relationship의 모델 단위 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 Relationship(팔로우) 모델편이라고 하는 것으로, 향후 다른 모델에 대해서도 실시해 기사로 해 가고 싶습니다. ※ Relationship 모델 이외의 기술에 관해서는 생략하고 있습니다. 나중에 알림 기능에 대한 기사를 올리기 위해 그 때 자세한 내용을 올립니다. · 다음 gem은 설치됨 ・팔로우 기능 실장 완료... Rails6테스트 코드RSpec프로그래밍 초보자 이전 기사 보기
Rails6에서 api를 작성할 때 cors 설정에서 망설임에 대해 아래와 같은 어플리케이션을 만들려고 했을 때에, CORS의 설정으로 프로덕션 반영 후에 에러가 발생해 버렸으므로, 같은 실수를 하지 않도록 정보를 제대로 정리해 둔다. firebase에서 호스팅 된 nuxt 응용 프로그램의 URL이 https://xxxx.web.app이면, config/environments/production.rb config/initializer/cors.rb api에 ... CORSRails6 Rails 6에서 인증 승인 게시판 API 구축 #2 git과 rubocop 도입 그 후 적당한 이름을 붙여 작성. Cloud9는 기본적으로 git이 들어 있기 때문에 그대로 git 명령을 사용할 수 있습니다. 위의 대응이라면 push 할 때마다 Github의 사용자 ID와 비밀번호를들을 수 있습니다. 타이틀은 알기 쉬운 것을 붙여, key에 방금 전의 공개키를 붙여 보존. 다만, 이것이라도 push시에 아직 ID 패스를 들을 수 있을 것이다. 이제 다음 번부터 push ... Rails6RailsRuboCoprails-api루비 MVC에 대해 진심으로 정리해 보았습니다. Rails를 당연히 사용하고 있지만, "그런데 MVC는 무엇?" 나름대로 언어화하기 위해 다시 한번 정리해 보았습니다. ※여기서 취급하는 MVC는, Rails에서 사용되는 소위 「MVC2」라고 불리는 것입니다. Model View Controller의 약칭으로, 전체 프로그램을 데이터 표시 부분과 데이터 처리, 데이터베이스 관리의 3가지 요소로 나눈 웹 애플리케이션의 디자인 패턴입니다. Ra... mvcRails6Rails rails에서 font awesome의 일부 아이콘이 표시되지 않는 원인 포트폴리오 아이콘에 font-awesome을 사용해 보았습니다. 브라우저에 의해 표시되는 아이콘과 표시되지 않는 아이콘이 있었다. chrome : 표시 할 수 없습니다 safari : 잘 표시된다 인터넷 기사에서 정보를 수집하고 해결책을 시도해 보는 것도 잘하지 않았습니다. 공식 페이지에서 표시 아이콘 유형을 터치하면 원인을 알았으므로 정리해 둔다. rails (6.1.4) 루비 (2.7.3... 표시되지 않음Rails6원인FontAwesome아이콘 Rails6에서 FontAwesome 소개 및 표시 이번에는 원래 앱에 FontAwesome을 도입했습니다. Rails6에서는 Webpacker라는 패키지를 사용합니다. FontAwesome은 아이콘을 쉽게 도입할 수 있다는 것입니다. 이번 내 원래 앱에서는 좋아하는 기능 구현으로 좋아하는 버튼 에 사용했습니다. 도입하면 왼쪽 아래와 같은 아이콘을 사용할 수 있습니다. 먼저 yarn을 사용하여 FontAwesome을 설치합니다. 다음으로 Ja... 초보자Rails6FontAwesome 【도해 있음】Rails6에서 Font Awesome을 이용해 SNS 아이콘을 표시시킨다 Rails6에서 애플리케이션에 Font Awesome을 도입했을 때의 순서를 정리해 보았습니다. 초초심자용입니다. 마지막: 계속됩니다. 완성 콘솔 Font Awesome 불러오기 app/javascript/packs/application.js app/javascript/stylesheets/application.scss 도입 완료 에서 임의의 아이콘 코드를 복사 index.html.erb 표... Rails6RailsBootstrapFontAwesome초보자 【Rails6】link_to에 FontAwesome을 임베드하는 구체적인 방법 【Copipe OK】 Rails에서 「link_to의 삭제 버튼을 아이콘으로 작성하고 싶다」라고 생각해, 조사한 내용을 정리했습니다. Rails에서 아티팩트를 만들기 시작한 사람 bootstrap 도입 이번에는 rails6에서 진행하고 있습니다 link_to 표시를 ""문자"→ "아이콘""으로 변경합니다. ① "Font Awesome"설정 ②사용하고 싶은 아이콘 코드를 취득 ③ 'link_to'에 '아이콘' 포함... Rails6RailsFontAwesome초보자link_to Rails6에서 Font Awesome 5 사용 rails6에서 FontAwesome5를 사용할 기회가 있었으므로 도입 방법을 공유합니다. (rails5도 거의 같다고 생각합니다) 이번에는 CDN (링크를 사용하여 읽는 방법) 대신 gem을 사용합니다. rails 6.0.2 루비 2.6.5 ※ 필요에 따라 파일 이름 등을 변경하십시오. rails new 앱 이름 -d postgresql rails db:create rails g contr... SassRails6FontAwesome 【Rails6】DEPRECATION WARNING: Single arity template handlers are deprecated. Template handlers must now accept two parameters, the view object and the source for the view object. Rails6 업데이트 후, rails 기동시에 다음의 Warning을 토하게 되어 버린 것을 조사·해결한 메모입니다. 에서 해결. Ruby: 2.6.3 Rails: 5.2.4.1 => 6.0.2.1로 업데이트 우선 메시지의 내용을 살펴 보겠습니다.template handler 주위의 인터페이스에 변경이 들어가, Single arity template handlers 가 비추천이 된 것 같습니... Rails6사원Rails슬림 [Rails6.0]Action Text로 작성한 내용을 slim으로 표시 Rails6에서 Action Text가 추가되어 매우 쉽게 리치 텍스트 편집기를 구현할 수 있습니다. 도입에 관해서는 많은 분이 기사로되어 있으므로 여기에서는 할애하겠습니다. 이 Action Text는 has_rich_text 메서드에 지정된 열에 ActionText::RichText 객체를 저장합니다. 예를 들면 다음과 같은 모델이 있었을 때, app/model/article.rb 저장된 ... Rails6이스케이프Rails슬림 Rails 6에서 도입 된 ActionText를 시도했습니다. Rails 6 에서 도입된 ActionText를 시도했지만, 설치로 여러가지 번거로웠기 때문에 잊지 않도록 메모. 지뢰가 많이 있을 것 같다. 6.0.2.1도 설치했기 때문에, 나중의 작업으로 어느새 6.0.2.1이 되었다. Ruby는 2.6이라고 Bundler 1.x系 내장되어, 나중에 bundle 에러로 곤란하게 되기 때문에 2.5.3을 사용한다. (이것을 깨달을 때까지 bundler 2... ActionTextRubyMineRails6 관리자 권한 부여 후 프로덕션에 rails db:seed를 할 때까지(Active Storage도 포함) 관리자 권한 부여 방법에 대해서는 다음 기사에 기재되어 있습니다. ● 관리자 권한 기능이 구현됨 ● users 테이블 정보 XXX_devise_create_users.rb 루비 버전 ruby-2.6.5 Rails 버전 Rails:6.0.0 · gem 'devise' · gem 'rails_admin', '~> 2.0.0.beta' · gem 'cancancan' 관리자에 대한 정보를 seed... 배포Rails6루비프로그래밍 초보자 Rails6 CSS/JavaScript/이미지 변경이 반영되지 않음 assets:precompile AWS(EC2) puma, Nginx Ruby 2.6.6, Rails 6.0.3.2 "좋아. 개발환경에서 거기 거기에 정리했고, 리모트에서 pull하고 프로덕션 환경에서도 반영해라-." qiita.rb 「어째서. Nothing to do 야? 그것은 webpacker이다. 이 때의 문제는 대체로 이 녀석이라는 것. 디렉토리내의 tmp를 지워 보거나 public/packs/js 이하를 지워 보... 배포Rails6Rails 크롬 북 (c101pa)에 rails 설치 Chrome OS 80.0.3987.158 (2020/4/1 현재 최신 버전) bundler 설치 → rails 설치 → Gemfile을 사용한 bundle install 흐름 rails는 최근 6계로 메이저 업데이트되어 5계, 6계로 구분해야 할 것 같기 때문에, 양쪽 모두를 인스톨(프로젝트 작성시에 버전 지정) rails 인스톨의 사전에 필요한 것(sqlite, java runtime라든... ChromebookRails6C101PARails5 예약 가능과 예약 불가로 색으로 구분 예약 가능과 예약 불가로 처리를 나누고 싶다고 생각했습니다만, 생각대로 가지 않았던 것과, 검색해도 기사가 적었기 때문에 정리합니다. 예약 테이블(Reservations)과 좌석 테이블(Sheet)이 연관되어 있습니다. 예약 테이블은 좌석 테이블에 id를 sheet_id로 유지합니다. Sheet sheet_id id 예약할 수 있는 경우는 오렌지, 예약 불가의 경우는 색을 어둡게 해 시각적으... Rails6루비Rails 【Mac】Docker+rails6+MySQL에서의 환경 구축 완전판 MacOS Big Sur 11.5.2 루비 3.0.2 rails 6.1.4 Docker 20.10.8 MySQL 8.0.23 디렉토리 myapp 모두 현재 (2021/09/06) 최신 버전입니다. · Dockerfile · Gemfile · Gemfile.lock · entrypoint.sh · docker-compose.yml Dockerfile 여기서 yarn을 설치하는 것이 포인트입니다... MySQLRails6Mac도커루비 【jQuery】 폼에서 포커스가 벗어나면 값을 성형한다 환경 Rails 6 jQuery 포커스가 풀리면 전후의 공백을 삭제해 전각 공백을 반각 공백으로 치환 포커스가 벗어나면 소문자의 알파벳을 대문자로 변환 util에 쓴 공통 메소드를 include하고 view측에서 필요한 것만 호출할 수 있습니다. 인수는 id 등 셀렉터를 건네줍니다. 복수 가능. util.js application.js _xxx_form.html... Rails6자바스크립트RailsjQuery 【form_with】text_area의 입력 내용의 「개행」을 반영시킨다 form_with를 사용해 제출 폼을 구현해, 입력 내용에 개행을 넣어도, 개행은 반영되지 않는다. (간단한 메모 앱을 예로 한다) new.html.erb show.html.erb · 투고 작성 화면 표시 ↓ 폼의 내용을 송신하면 「개행」이 반영되어 있지 않다. · 투고 화면 표시 form_with로 제출하는 폼내의 「개행」을 반영시킨다. (개행판) 투고 화면 표시 show.html.erb의... HTML5Rails6루비프로그래밍 초보자 지원 모듈을 사용하여 결합 테스트의 가독성을 향상시키는 방법 지원 모듈을 도입하는 방법에 대한 기사입니다. ①지원 모듈용 디렉토리와 파일을 수동으로 작성 ② 서포트 모듈의 내용을 기술 ③ 서포트 모듈을 읽을 수 있도록 한다 ④ 결합 테스트 코드 편집 spec 디렉토리 아래에 support 디렉토리를 만들고 그 아래에 ~_support.rb를 만듭니다. (~의 부분은 임의) (예) 투고에 있어서의 기술을 모듈화하고 있습니다. spec/support/de... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 다이얼로그 표시 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 다이얼로그 표시 기능의 결합 테스트를 구현해, 그 구현 내용을 기사로 해 가고 싶습니다. · 다이얼로그 표시 기능은 실장 완료 다이얼로그 표시 기능의 실장 방법이나 상세에 대해서는, 이하 URL로부터 보실 수 있습니다. · 투고시의 결합 테스트와 같은 테스트 파일에 다이얼로그 표시 기능의 내용도 기술하고 있습니다. 투고... Rails6테스트 코드RSpec프로그래밍 초보자 Rails6] RSpec에 의한 페이지 네이션 기능 (kaminari)의 결합 테스트 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는, 카미나리를 사용해, 구현한 페이지네이션 기능의 결합 테스트를 구현해, 그 구현 내용을 기사로 해 가고 싶습니다. · kaminari라는 gem을 사용한 페이지 네이션 기능이 구현되었습니다. · 투고시의 결합 테스트와 같은 테스트 파일에 페이지 네이션 기능의 내용도 기술하고 있습니다. 투고시에 있어서의 테스트 코드의 ... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】 RSpec에 의한 Review의 모델 단위 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 Review 모델편이라고 하는 것으로, 향후 다른 모델에 대해서도 실시해 기사로 해 가고 싶습니다. ※리뷰가 무엇인가에 대해서는 이하 「리뷰 화면」에서 확인하실 수 있습니다. · 다음 gem은 설치됨 ・리뷰 기능 실장 완료 루비 버전 ruby-2.6.5 Rails 버전 Rails:6.0.0 rspec-rails 4.0.... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 리뷰 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 리뷰 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. ・리뷰 기능은 실장 완료 ・Review(리뷰) 모델의 단위 테스트는 실시 완료 ※완료되어 있지 않은 분이나 단체 테스트와 병행해 보시고 싶은 분은, 이하의 Review 모델의 단체 테스트에 관한 기사를 참고해 주세요. 루비 버전 ruby-... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 검색 기능(ransack)의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 ransack을 사용하여 구현한 검색 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. · ransack이라는 gem을 사용하여 검색 기능이 구현되었습니다. · 투고시의 결합 테스트와 같은 테스트 파일에 검색 기능의 내용도 기술하고 있습니다. 투고시에 있어서의 테스트 코드의 기술은 이하의 UR... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 좋아 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 좋아하는 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. ・Like(좋아) 모델의 단위 테스트는 실시 완료 ※완료되어 있지 않은 분이나 단체 테스트와 병행해 보시고 싶은 분은, 이하의 Like 모델의 단체 테스트에 대한 기사를 참고해 주세요. 루비 버전 ruby-2.6.5 Rails 버전 R... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】RSpec에 의한 팔로우 기능의 결합 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번에는 사용자 팔로우 기능의 결합 테스트를 구현하고 그 구현 내용을 기사로 해 나가고 싶습니다. · Relationship (팔로우) 모델의 단위 테스트는 실시 완료 ※완료되어 있지 않은 분이나 단체 테스트와 병행해 보시고 싶은 분은, 이하의 Relationship 모델의 단체 테스트에 관한 기사를 참고해 주세요. 루비 버전... Rails6테스트 코드RSpec프로그래밍 초보자 Capybara::ElementNotFound:오류 해결 【결합 테스트】 개발자 도구 (검증 모드)를 사용하여 대상 필드의 name 속성 값을 확인하고 해당 값을 fill in 요소로 만듭니다. (변경 전) spec/system/users_spec.rb (변경 후) spec/system/users_spec.rb 검증 이미지 system Spec을 사용하여 결합 테스트 코드를 실행할 때 테스트 실행 명령을 실행하면 Capybara::ElementNotFound: 오... SystemSpecRails6RSpec프로그래밍 초보자 【Rails6】 RSpec에 의한 투고시의 모델 단체 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 투고시의 모델(Definition 모델) 단체 테스트를 실시해, 그 내용을 기사로 했습니다. 향후 다른 모델에 대해서도 실시해 기사로 해 가고 싶습니다. 또 테스트는 추가로 실시해 가기 때문에, 향후도 투고시의 모델 단체 테스트의 내용을 추가해 갑니다. · 다음 gem은 설치됨 ・투고 기능 실장 완료 루비 버전 ruby... Rails6테스트 코드RSpec프로그래밍 초보자 【Rails6】 RSpec에 의한 Relationship의 모델 단위 테스트의 구현 서비스 품질을 유지하기 위해 필수적인 테스트를 실시하고 있습니다. 이번은 Relationship(팔로우) 모델편이라고 하는 것으로, 향후 다른 모델에 대해서도 실시해 기사로 해 가고 싶습니다. ※ Relationship 모델 이외의 기술에 관해서는 생략하고 있습니다. 나중에 알림 기능에 대한 기사를 올리기 위해 그 때 자세한 내용을 올립니다. · 다음 gem은 설치됨 ・팔로우 기능 실장 완료... Rails6테스트 코드RSpec프로그래밍 초보자 이전 기사 보기