리액트 부트스트랩 React Bootstrap

부트스트랩(Bootstrap)이란? CSS와 JS로 구성된 프레임워크로 웹 페이지 디자인 요소를 쉽게 적용할 수 있다.

홈페이지를 보기 좋게 꾸미는 일은 생각보다 어렵다. 복잡한 스타일 시트(Style Sheet) 코드와 자바스크립트 언어 습득이 필요하기 때문이다.

갈수록 복잡해지는 웹사이트 개발에서 부트스트랩은 선택이 아닌 필수로 자리 잡고 있다. 지난 시간에는 리액트에 간단한 CSS를 적용해 보았는데.

오늘은 React Bootstrap을 적용해 보겠다. before html 버튼, 테이블 태그로 구성된 리액트 컴포넌트를 Boot.js 이름의 파일로 만들 봤다. 사용할 컴포넌트 파일은 App.js에서 import 후 필요한 곳에 태그처럼 사용하면 된다. npm start 실행 결과다.

좀 썰렁해 보기이는 하나 의도한 대로 출력은 되었다. 리액트 컴포넌트 React Component 리액트의 핵심은 컴포넌트라 해도 과언이 아닌데요.

React Component는 코드 재사용, 유지...