프로젝트 생성 및 설치

• 리액트 프로젝트폴더 만들기

$ npx create-react-app 프로젝트명

$ yarn create react-app 프로젝트명

• 리덕스, 리액트-리덕스 설치(리듀서, 스토어, 전역 폴더생성)

$ npm install redux
$ npm install react-redux

$ yarn add redux 
$ yarn add react-redux

• 라우터 설치

$ npm install react-router-dom

$ yarn add react-router-dom

• 리덕스 툴킷 설치

$ npm install @reduxjs/toolkit

$ yarn add @reduxjs/toolkit

• axios 설치

$ npm install axios

$ yarn add axios

• json-server 설치

$ npm install json-server

$ yarn add json-server

• json-server 다른 port에 띄우기

$ json-server --watch db.json --port 4000

• react-query 설치

$ yarn add react-query

• styled-components 설치

$ npm install styled-components@latest

$ yarn add styled-components@latest

• uuid 설치

$ npm install uuid

• uuidv4 설치

$ npm install uuidv4

• firebase 설치

$ npm install firebase 

$ yarn add firebase

프로젝트 import 경로설정

먼저 root경로에 jsconfig.json 파일을 새로 만들어준다
그 안에, 아래처럼 적어주면 src안의 파일들끼리는 상대경로가 아닌 절대경로로 import해 올 수 있게 된다.

{
 "compilerOptions": {
   "baseUrl": "src"
 },
 "include": ["src"]
}

협업 시, 깃

팀장

$ git init

$ git add .

$ git commit -m 프로젝트명

$ git remote add origin 깃헙레포지토리주소명

$ git push origin main

팀원

처음에 받을 때

$ git clone 깃헙레포지토리주소명

$ git remote update

• 폴더 열기
• 코드 확인(npm install, npm start & pakage.json확인, 설정파일 확인 등등)

$ git branch 내브랜치명

$ git checkout 내브랜치명

프로젝트 개발, 코드 수정 등등...

$ git add .

$ git commit -m 컨벤션/커밋메세지

$ git push origin 내브랜치명(현재위치해있는..)

한번 머지 후 pull 받아 이어서 작업할때

$ git remote update

$ git checkout merge한브랜치명

$ git pull origin develop

$ git branch 새로작업이어갈브랜치명

$ git checkout 새로작업이어갈브랜치명

pull request

https://teamsparta.notion.site/Github-3f4ee9e7ab2741368648f90acec31835

커밋 컨벤션

Commit Type
타입은 태그와 제목으로 구성되고, 태그는 영어로 쓰되 첫 문자는 대문자로 한다.
*태그 : 제목의 형태이며, :뒤에만 space가 있음에 유의한다.

feat : 새로운 기능 추가
fix : 버그 수정
docs : 문서 수정
style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
refactor : 코드 리펙토링
test : 테스트 코드, 리펙토링 테스트 코드 추가
chore : 빌드 업무 수정, 패키지 매니저 수정