728x90
반응형
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
728x90
반응형
'JS > react' 카테고리의 다른 글
Next.js에서 img tag 안 쓰고 Image Component 쓰는 이유 (0) | 2023.07.25 |
---|---|
Next.js 페이지 연결, Routing (0) | 2023.07.24 |
React로 쇼핑몰 만들기 (2) (0) | 2023.07.12 |
React로 쇼핑몰 만들기 (1) (0) | 2023.07.11 |
React Router 설정하기, Route 사용하기 (0) | 2023.07.02 |