Ruby on Rails

최신 Asset Pipeline 및 프런트엔드

Importmap-rails (Rails 7+), jsbundling/cssbundling, Hotwire (Turbo + Stimulus), Sprockets (레거시)

18 면접 질문·
Mid-Level
1

Rails 7+의 기본 에셋 관리 시스템은 무엇입니까?

답변

Importmap-rails는 Rails 7+에서 JavaScript 파일을 관리하기 위한 기본 시스템입니다. 패키지 이름을 CDN URL이나 로컬 파일에 매핑하여 bundling 단계 없이 브라우저에서 네이티브 ES 모듈을 직접 사용할 수 있습니다. 이를 통해 Node.js 의존성을 제거하면서 프런트엔드 구성을 크게 단순화합니다.

2

Importmap-rails로 외부 JavaScript 라이브러리를 어떻게 추가합니까?

답변

bin/importmap pin 명령은 JavaScript 라이브러리를 config/importmap.rb 파일에 추가합니다. 이 명령은 jspm.io 또는 CDN에서 패키지를 자동으로 해석하고 해당하는 매핑을 추가합니다. 예를 들어 bin/importmap pin lodash는 CDN을 가리키는 lodash의 pin 줄을 추가합니다.

3

importmap에 정의된 JavaScript 스크립트를 포함하려면 어떤 Rails 헬퍼를 사용합니까?

답변

javascript_importmap_tags 헬퍼는 importmap과 JavaScript 진입점을 로드하는 데 필요한 태그를 생성합니다. 매핑을 포함하는 script type='importmap' 태그와 application.js 파일을 로드하는 태그를 생성합니다. 이 헬퍼는 Webpacker에서 사용하던 javascript_pack_tag를 대체합니다.

4

jsbundling-rails와 cssbundling-rails의 주요 차이점은 무엇입니까?

5

Hotwire에서 Turbo Drive의 주요 역할은 무엇입니까?

+15 면접 질문

다음 면접을 위해 Ruby on Rails을 마스터하세요

모든 질문, flashcards, 기술 테스트, 코드 리뷰 연습, 면접 시뮬레이터에 접근하세요.

무료로 시작하기