나의 블로그
[React] 협업 시작하기 본문
개인 프로젝트 생성
| 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 |
'Project' 카테고리의 다른 글
| [GitHub] 뱃지로 Readme.md 꾸미기 (3) | 2024.11.15 |
|---|---|
| [GitHub] 포크(Fork) (0) | 2024.11.14 |
| [GitHub] 레포지토리 프로젝트 접근 방법 (2) | 2024.11.14 |
| [GitHub] 가장 최근 커밋 삭제 (0) | 2024.09.12 |
| [GitHub] 브랜치 협업 방법 (0) | 2024.09.10 |