우리 모두는 React의 인기와 이 라이브러리가 프런트엔드 개발자의 개발 작업을 어떻게 더 쉽게 만들어줬는지 알고 있습니다. React는 애플리케이션의 사용자 인터페이스를 구축하는 데 가장 널리 사용되는 프런트 엔드 라이브러리입니다. 업계에서는 애플리케이션 구축을 위해 jQuery 및 DOM 라이브러리의 사용을 서서히 줄이고 있습니다.
반응형 앱을 구축할 때 CSS 프레임워크는 시장에서 유용합니다. 프론트엔드 개발자로 일한다면 Bootstrap, Foundation, Bulma 같은 프레임워크는 새로운 것이 아닙니다. 대부분의 산업에서는 Bootstrap 프레임워크를 사용합니다. 수백만 개의 웹사이트가 부트스트랩에서 실행되고 있습니다.
이번 블로그에서는 React와 Bootstrap을 사용하는 방법, React 앱에 Bootstrap을 추가하는 방법에 대해 논의하겠습니다. React 부트스트랩 패키지를 설치하는 방법과 이를 React 애플리케이션에서 사용하는 방법입니다. 그것부터 시작하자…
React JS 앱에서 Bootstrap을 사용하는 방법은 크게 세 가지가 있습니다.
내용의 테이블
방법 1: 부트스트랩 CDN 사용
이는 React 앱에서 부트스트랩을 사용하는 가장 쉬운 방법 중 하나입니다. 부트스트랩 CDN의 가장 좋은 점은 설치나 다운로드가 필요하지 않다는 것입니다. 작동하려면 앱의 헤드 섹션에 링크를 복사하여 붙여넣기만 하면 됩니다. 아래는 필요한 링크입니다.
integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4' crossorigin='anonymous'>>
애플리케이션에 부트스트랩과 함께 JavaScript 구성 요소가 필요한 경우 페이지 위치 태그 하단, 닫는 태그 바로 앞에 위치합니다.
무결성='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'
crossorigin='익명'>