React App 개발 Library 설치 cheatsheet

React App 개발 Library 설치 cheatsheet

 

 

리액트 앱 프로젝트 파일 생성하기(Creating React App Project Files)

* 리액트 앱을 설치하기 위해서는 node.js가 필요하다. (Node.js is required to install the React app.)

npx create-react-app project-name

 

 

리액트 부트스트랩 라이브러리 설치하기 (Install the React Bootstrap library)

npm install react-bootstrap bootstrap

 

 

리액트 라우터 라이브러리 설치하기 (Install React Router library)

npm install react-router-dom@5

yarn add react-router-dom@5

 

 

리액트 스타일드 컴포넌트 라이브러리 설치하기 (Install the React Styled components library)

npm install styled-components

yarn add styled-components

 

 

[ 설치 시 오류 발생.. 점검 필요]  node-sass 설치하기

npm install node-sass

yarn add node-sass

 

 

axios 라이브러리 설치하기 (Install axios library)

npm install axios

 

 

React Animation 라이브러리 설치하기 (Install react-transition-group library)

npm install react-transition-group

 

 

Redux Toolkit 설치하기 (Install Redux Toolkit)

npm install @reduxjs/toolkit

yarn add @reduxjs/toolkit

 

 

Redux 라이브러리 설치하기 (Install Redux library)

npm install redux react-redux

 

 

---

반응형

---

 

React App 을 만들기 위해 공부해야 할 개념들

 

Component

JSX

props

state

data binding

event

loop, map

library

router, route, link, switch

styled-components

useEffect (lifecycle)

axios

context api

react-transition-group

redux toolkit, redux