westagram!

React로 만든 인스타그램 클론 코딩 프로젝트

🖥 프로젝트

• 주제: React를 사용한 Instagram clone

  • CRA를 사용한 초기 세팅

• 📅 프로젝트 기간 ​ 2020.08.06 - 2020.08.16

• 기능구현

  • 로그인 페이지 레이아웃
  • id, pw 입력 시 로그인 버튼 활성화 기능
  • 메인 페이지 레이아웃
  • 댓글 내용 입력 후 Enter press, 혹은 게시 버튼 클릭 시 댓글 추가 기능
  • 문자 입력 시 게시 버튼 활성화 기능
  • 메인 페이지 피드 좋아요 버튼 기능

🔧 기술 스택

• HTML,CSS
• JavaScript(ES6+)
• React
• SCSS

📕 블로그 후기

프로젝트 후기 바로가기

✏️ 작업 순서 (git)

1. 초기 세팅된 git repository clone하기

git clone https://github.com/wecode-bootcamp-korea/11-React-Westagram-1.git

2. master branch에서 자신만의 브랜치 만들고 checkout하기

git branch feature/자기 이름

git checkout feature/자기 이름

3. 자기 브랜치에서만 작업하기(Master는 신성불가침의 영역이라고 합니다 하하)

4. 작업 완료 후에 바로 add commit push를 하는 게 아니라 github을 확인한 후 master 브랜치가 update되었는지 확인하기(update가 되었다면 5번부터 읽기, 안되었다면 8번부터 읽기)

5. 만약 master 브랜치가 update되었다면(혹시나 혹시나 common.scss가 update되었다면?!) master 브랜치로 checkout하기

git checkout master

6. update된 코드 다운로드 받기

git pull origin master

7. feature/자기이름 브랜치로 다시 이동해서 master branch merge하기

git checkout feature/자기 이름

git merge master

8. 자기 코드에 이상이 없는지 확인 후에 add, commit, push 하기

git add .

git commit -m "[자기 이름] ADD : 적용된 내용"

git push origin feature/자기 이름

9. github에서 PR(Pull Request) 보내기

10. 다시 3번부터 무한 반복...