React 시작시 기본적으로 설치해야되는거!

진짜 라이브러리나 npm install yarn add 설치할 거 진짜 댕같이 많은데, 그때마다 구글링하기 귀찮으니까 싹 정리해보자.

 

 

$ git clone (레퍼지토리에 있는거 받아오는 경우 많으니까) 

$ git clone [원격 저장소 주소!]

 

 

부트스트랩 설치

npm install react-bootstrap bootstrap

https://react-bootstrap.github.io/getting-started/introduction

 

 

styled-component 도 없으면 서운하지

npm install styled-components
import styled from 'styled-components'

 

Font awesome도 쓸꺼지?ㅎㅎ

$ npm i @fortawesome/fontawesome-svg-core
$ npm i @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons
$ npm i @fortawesome/react-fontawesome

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

 

추천 페이지 https://ssddo-story.tistory.com/15

 

react-router-dom 설치

npm i react-router-dom

useNavigate() 쓸꺼면 index.js 에 <BrowserRouter> 잘 씌워주자.

 

 

redux & toolkit 설치

npm i redux react-redux
npm install @reduxjs/toolkit

https://translucent-bit-b63.notion.site/12-eefdf1c4d4434f329d29627a596dbe20

 

 

axios 설치

$ npm install axios

 

json-server 설치 & 활성화

$ npm i -g json-server
$ json-server --watch db.json --port 3001

 

react - JWT 설치

npm install react-jwt

https://www.npmjs.com/package/react-jwt

JWT Token 헤더나 payload 로 날라오는거 decode 하는 방법 등!

 

 

 

 

 

백엔드 없이도 다할 수 있다 Firebase

공식사이트 (https://firebase.google.com/docs/web/setup?hl=ko&authuser=0)

0. 일단 설치

npm install firebase

 

1. 이미지 업로드 (->Url로 뱉어줌)

2. Auth (로그인, 회원가입)