[웹 개발] React Bootstrap (1)

프로타쿠·2024년 7월 15일

웹 개발

목록 보기
20/21

React Bootstrap 이란?

React Bootstrap 홈페이지

원래 웹 페이지를 만들기 위해선 버튼, 네비게이션 바, 텍스트 필드, 리스트 아이템, 풋터(footer), 헤더(header) 등을 개발자가 따로 정의하고 만들었어야 했다. 하지만, React Bootstrap을 쓰면 이런 기본 레이아웃에 투자해야 하는 시간을 단축시킬 수 있다.

시작하기

  1. 프로젝트 디렉토리에 다음 명령어를 작성한다.
    npm install --save react-bootstrap
    npm install --save bootstrap
  2. App.js 또는 index.js에 다음을 import 한다.
    이것을 해줘야 Bootstrap의 컴포넌트에 스타일시트가 적용된다.
    import 'bootstrap/dist/css/bootstrap.min.css';
  3. 이제 필요한 컴포넌트를 문서에서 찾아 쓰면 된다.
profile
안녕하세요! 프로타쿠입니다

0개의 댓글