Project

[React] 협업 시작하기

싱숭셩숭 2024. 7. 17. 11:21

개인 프로젝트 생성

1 리액트 설치 및 초기 셋팅 https://velog.io/@kiyoog02/React-기초-1-프로젝트-생성
https://youtu.be/nahwuaXmgt8?si=hjv-wIzUl7E3O9qA
2 프로젝트 생성 npx create-react-app 프로젝트명 
3 2에 대한 커밋
build: initialize React project

Set up a new React project using create-react-app.

협업 프로젝트 생성

1 깃허브 팀 프로젝트 생성 (~2:55) https://youtu.be/6sBNPvxjyt0?si=17mmLwdDXFgvMHMD
2 해당 폴더에 리액트 프로젝트 생성 npx create-react-app .
3 2에 대한 커밋
build: initialize React project

Set up a new React project using create-react-app.
4 불필요한 기본 코드 삭제 https://losskatsu.github.io/frontend/react-helloworld/#
5 4에 대한 커밋 chore: set up project and remove unnecessary code

Initialized project structure and removed unused code for a cleaner setup.
6 react-router-dom 추가 npm install react-router-dom
7 6에 대한 커밋 build: install react-router-dom

Install react-router-dom for routing functionality in the React project.
8 필요한 파일 및 이미지 추가  
9 8에 대한 커밋 chore: create necessary files and add images

Added essential files required for development and included image assets for the project.

commit

1 커밋 방법 add(스테이지에 올리기) → commit → push(github에 업로드)
2 커밋 메시지 https://velog.io/@chojs28/Git-커밋-메시지-규칙

기타 협업 TIP

1 Github Issue https://velog.io/@dohaeng0/GitHub-Project-Issue-활용
2 수정에 대한 네이밍 https://blog.naver.com/classe82/222138685199
3 AWS S3로 React 배포 https://whyeskang.com/411