Git Flow
Project git workflow
- upstream remote 설정
Fork한 Github 소스 원래 소스와 싱크
upstream 원격 저장소 설정
$ git remote add upstream <저장소 주소>
$ git remote -v - upstream에서 dev를 pull
$ git pull upstream dev- 새로운 branch 생성
// branch 현재 위치 확인
$ git branch
// 새로운 branch 생성 & 새 브런치로 이동
$ git checkout -b dev
$ git checkout -b featureN- origin 으로 push
// 새로운 branch 생성 & 새 브런치로 이동
$ git push origin dev
$ git push origin featureN-
feature에서 upstream dev에 Pull Request 보내기
-
수정사항 확인하고 Merge
Git
Git book | 공식문서
Git Tutorial
Git Branch
Git Tag
Git Error - Fatal: Not a git repository
Git Commit Message
git add, git commit, git push 취소
초기 세팅
ESlint & Prettier
ESLint | ZeroCho
Create React App 에서 ESLint 와 Prettier 설정 하기
리액트 프로젝트에 ESLint 와 Prettier 끼얹기
airbnb style
프로젝트 생성 및 ESLint 설정 | Velopert
.gitignore
Git .gitignore 적용하기
npm init, npm install express --save, nodemon
Express
Express로 서버 실행하기
npm Express
레퍼런스
프로젝트 후기
프로젝트명: Cheerleader
랜덤으로 응원 메세지를 주고 받을 수 있는 서비스 입니다.
팀명: Console
프론트엔드
형광석
홍영란
백엔드
박동혁
박성택
1. 소개
주요 기능 시연 gif
- 회원가입
- 로그인
- 로그아웃 & 회원정보 & 회원탈퇴
- 유효성 검사
- 랜덤 메세지 보내기 & 받기
※ 프로젝트 URL http://cheerleader-client.s3-website.ap-northeast-2.amazonaws.com/
2. 주요 기능
1) 회원가입 & 회원탈퇴
2) 로그인 & 로그아웃
3) 메세지 보내기 & 받기
4) 회원 정보 모달창으로 보기
3. 사용 스택
프론트엔드
React
React Hook
Axios
Material-UI
백엔드
Node.js
Express
JWT
MySQL
Sequelize
DB(배포)
AWS - S3
AWS - EC2
AWS - RDS
발표자료
내가 진행한 프로젝트는 무엇인지, 내가 프로젝트에서 어느 포지션이었는지, 내가 프로젝트에서 맡은 기능은 무엇인지, 내가 맡은 기능을 구현하기 위해서 사용한 스택은 무엇인지, 내가 사용한 스택과 코드에서 중요한 것은 무엇인지 등을 설명할 수 있어야 합니다.
내가 맡은 포지션
프론트엔드
내가 맡은 기능
- 회원가입 & 랜덤메세지 보내는 페이지 구성
- 회원가입 & 로그인 기본 기능 구현
- 회원가입 & 로그인 유효성 검사
- Material-UI 이용 리팩토링
시도했는데 추가하지 못해서 아쉬웠던 기능
- 구글 소셜로그인: session 받아오는 문제 해결 못했음
- 메세지 목록 받아오기: 배포 전까지 시간 부족
- 회원정보 수정: DB에 업데이트가 되지 않았음
스프린트 회고
- 스프린트 1
- 스프린트 2
- 스프린트 3
