loading

새소식

JS Library/React

[React] 리액트 pakage.json / pakage-lock.json / Reactstrap / React Developer Tools

  • -
728x90
반응형

 

 

 

 

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 이용 가능(세부적인 정보 열람 기능 탑재, 보기 편함)

 

 

 

 

 

 

 

 

 

 

 

728x90
반응형
Contents

📝 포스팅 주소를 복사했습니다 📝

이 글이 도움이 되었다면 공감 부탁드립니다👍