React (old ver)/library2 bootstrap 연결 방법 1. bootstrap 설치 npm install react-bootstrap bootstrap 2. public > index.html에 bootstrap 연결 3. 클래스 사용 Danger 4. 컴포넌트 사용 import { Nav } from 'react-bootstrap'; // { } 안에 사용할 컴포넌트 명 삽입 Active Link Link import { Nav } from 'react-bootstrap'; import './App.css'; function App() { return ( Active Link Link ); } export default App; React-Bootstrap : React-Bootstrap The most popular front-end framework, .. 2021. 10. 30. node-sass를 이용해, scss로 변경 1. node-sass 설치 아래 두 코드 중 원하는 방법으로 설치 ~ yarn add node-sass npm install -s node-sass 2. src에 있는 '.css' 파일을 '.scss'로 변경 3. import '파일명.css'를 '.scss'로 변경 4. 끝 간혹 위와 같은 오류 메시지가 뜨는데, 설치된 Node Sass 6.0.1가 호환되지 않는다는 의미이다. 해결방법은, node-sass v6 미만의 버전으로 재설치 하면 된다. yarn remove node-sass yarn add node-sass@5.0.0 npm uninstall node-sass npm install node-sass@5.0.0 2021. 10. 29. 이전 1 다음