React로 만든 인스타그램 클론 코딩 프로젝트
-
주제: React를 사용한 Instagram clone
- CRA를 사용한 초기 세팅
-
📅 프로젝트 기간 2020.08.06 - 2020.08.16
-
기능구현
- 로그인 페이지 레이아웃
- id, pw 입력 시 로그인 버튼 활성화 기능
- 메인 페이지 레이아웃
- 댓글 내용 입력 후 Enter press, 혹은 게시 버튼 클릭 시 댓글 추가 기능
- 문자 입력 시 게시 버튼 활성화 기능
- 메인 페이지 피드 좋아요 버튼 기능
- HTML,CSS
- JavaScript(ES6+)
- React
- SCSS
- 초기 세팅된 git repository clone하기
git clone https://github.com/wecode-bootcamp-korea/11-React-Westagram-1.git
- master branch에서 자신만의 브랜치 만들고 checkout하기
git branch feature/자기 이름
git checkout feature/자기 이름
-
자기 브랜치에서만 작업하기(Master는 신성불가침의 영역이라고 합니다 하하)
-
작업 완료 후에 바로 add commit push를 하는 게 아니라 github을 확인한 후 master 브랜치가 update되었는지 확인하기(update가 되었다면 5번부터 읽기, 안되었다면 8번부터 읽기)
-
만약 master 브랜치가 update되었다면(혹시나 혹시나 common.scss가 update되었다면?!) master 브랜치로 checkout하기
git checkout master
- update된 코드 다운로드 받기
git pull origin master
- feature/자기이름 브랜치로 다시 이동해서 master branch merge하기
git checkout feature/자기 이름
git merge master
- 자기 코드에 이상이 없는지 확인 후에 add, commit, push 하기
git add .
git commit -m "[자기 이름] ADD : 적용된 내용"
git push origin feature/자기 이름
-
github에서 PR(Pull Request) 보내기
-
다시 3번부터 무한 반복...