React
↳ pakage.json
- 프로젝트에 사용되는 라이브러리 목록
- 프로젝트 실행에 필요한 명령어 목록
↳ pakage-lock.json
- pakage.json 으로는 부족한 정보를 도와주는 파일
- 의존성 트리에 대한 정보를 모두 가지고 있음
- node_modules 없이 배포하는 경우 반드시 필요
- 프로젝트 저장 또는 타인에게 전달
- npm 이 node_modules 트리 또는 pakage.json 이 수정될때 자동으로 생성됌
- 저장소에서 꼭 같이 커밋을 해야된다!
♠ 파일 순번
① index.html
② index.js
③ app.js
...
♠ Deprecated : '중요도가 떨어져 더 이상 사용되지 않고 곧 사라지게 될 것' 이라는 의미
Reactstrap 사용하기
1. cmd 혹은 terminal 에 패키지 설치 명령어 입력
npm install --save reactstrap
2. App.js 파일 내부 코드 상단에 임포트
import { Alert } from 'reactstrap';
♠ import ~ from ( 주소 )
주소 = './ 경로 ' 식으로 되어 있다면 해당 디렉터리 주소에 있는 파일을 임포트
주소 = ' ' 식으로 되어 있다면 node_modules 내부에 있는 모듈을 임포트
♠ Reactstrap 깃헙 사이트
https://reactstrap.github.io
React Developer Tools
=> 개발자도구에서 Components Tab 이용 가능(세부적인 정보 열람 기능 탑재, 보기 편함)