【수시 갱신】 wrapbootstrap 템플릿 "Angle"을 사용하는 경우의 주의점

이 정보는 비망록이다.



작성 이유는 Angle을 이용하여 작성하고 있지만, jQuery가 제대로 움직이지 않는다는 것이 있었기 때문이다.

설치 방법


  • {warp}bootstrap Angle - Bootstrap Admin Template에서 구입하여 다운로드합니다.
    htps // w 등 p 보오 tst 등 p. 코 m / 테메 / 앙 ぇ - 보오 tst 등 p - d d - mp - WB04HF123
  • zip 파일 해답
  • 폴더에서 원하는 템플릿을 선택합니다. 이번에는 Rails 템플릿을 사용했다. 풀 패키지 버전의 backend-rails와 스켈레톤 템플릿의 backend-rails-seed가 존재하기 때문에 둘 다 함께 복사합니다.


  • 데모 열기


  • Chrome을 시작하고 데모 ( http://wrapbootstrap.com/preview/WB04HF123)을 엽니다. 이번에는 거기에서 Ruby on Rails 데모를 선택했습니다. 이것은 Heroku에서 실행 중이지만 클릭해도 열리지 않으므로 오른쪽 클릭 → 새 태그/창에서 열기 선택하여 각 구성 요소의 움직임을 확인합니다.


  • 해동한다.


  • backend-rails/Angle 아래에 있는 bower.json을 복사하고 backend-rails-seed/Angle 아래의 bower.json을 덮어씁니다.


  • 파일을 업데이트합니다.


  • Gemfile은 다음과 같이 다시 작성한다. 다만, 임의의 구현이 필요한 부분도 많기 때문에, 각자 bootstrap와 jQery 부분 이외는 구현하는 것. 표준에서는 rails는 4.1.8이지만, 최신 안정판은 4.2.6 때문에 최신판으로 올리고 있다.


  • 실제 파일 내용


     source 'https://rubygems.org'
    
    gem 'rails', '4.2.6'
    gem 'sass-rails'
    gem 'uglifier'
    gem 'coffee-rails'
    gem 'jbuilder'
    gem 'sdoc', '~> 0.4.0',          group: :doc
    gem 'tzinfo-data', platforms: [:mingw, :mswin]
    
    gem "bower-rails"
    
    group :development, :test do
        gem 'sqlite3'
    end
    
    group :prodcution do
      gem 'pg'
      gem 'thin'
    end
    

    참고: 환경 구축


  • Mac 환경에서 이번에는 만들고 있기 때문에 Homebrew를 넣고 rbenv로 버전 관리하고 ruby ​​2.3.1로 업데이트하고 있다. 그 후 rails가 움직이는 환경을 구축해 두는 것. 또한 bower를 이용하기 때문에 nodebrew를 넣고 nodejs가 움직이는 환경도 구현하는 것. 이것에 관해서는 다른 기사가 상세하기 때문에 참조하는 것.


  • bundle update 그 외


  • bundle update 를 하는 것으로 rails 4.1.8→rails 4.2.6 그 외를 업데이트한다.
  • bundle install --without production하여 develop 환경만 설치한다.
  • rake bower:install을 하고 bower를 설치한다. 도중, 질문이 나오므로, Angle에 대응시키기 위해 "10"을 선택하는 것.


  • 다음에 계속



    여기까지 할 수 있으면, 아래 준비가 끝났으므로, 코드를 써 간다.

    To be continued

    좋은 웹페이지 즐겨찾기