IT/PageClone_Disney_plus

2. Disney plus clone 하기 - ES LINT, PRETTIER 설치

뀨뿌뀨뿌 2022. 1. 24. 23:34

1. Github에서 Issues 생성하기

  • Github저장소에 생성한 disney_plus_clone 시작 화면에서 Issues를 선택합니다.

Issues 선택

  • New issue 버튼을 눌러서 새로운 이슈를 생성합니다.

새로운 issue 생성하기

  • Titl에 "ES Lint&Prettier 설정" 이라고 작성하고 Assignees에 코드를 작성할 사람을 선택 후 Submit new issue 버튼을 클릭합니다.

2. branch 생성하기

  • VS Code 터미널을 실행한 후 아래의 코드를 작성하여 새로운 branch를 생성합니다.
git checkout -b feat/1   // 숫자는 issue의 번호
  • 왼쪽 하단에서 현재 branch가 feat/1인지 확인합니다.

branch 생성

3. ES LINT 설치하기

  • 터미널에 아래 코드를 작성 후 실행합니다.
npm i -D eslint
  • 지금까지 작성한 부분을 아래 코드로 Github에 업로드 합니다.
git add .
git commit -m "feat:eslint 설치"

4. PRETTIER 설치하기

  • 터미널에 아래 코드를 작성 후 실행합니다.
npm i -D prettier
  • 지금까지 작성한 부분을 아래 코드로 Github에 업로드 합니다.
git add .
git commit -m "feat:prettier 설치"

4. Pull Request로 코드 병합하기

  • Github 화면에서 Pull requests를 선택합니다.

Pull requests

  • New pull request를 선택합니다.

새로운 Pull request 생성하기

  • base: master, compare: feat/1이 체크 되어있는지 확인 후 title을 "eslint, prettier 설치'로 입력 후 Reviewers에 코드리뷰를 할 사람을 선택하고, Assignees에 코드를 작성한 사람을 선택한 후 Create pull request버튼을 누릅니다.
    -> base는 합쳐질 코드, compare는 합칠코드를 선택

pull request 만들기

  • 코드리뷰가 끝나면 Merge pull request를 클릭하여 pull request를 닫습니다.

  • Delete branch 버튼을 클릭하여 feat/1 브랜치를 삭제합니다.

branch 삭제하기

  • Issue를 생성한 곳으로 돌아가서 현재 이슈를 Close issue 버튼을 클릭하여 닫습니다.

완료한 issue 닫기

  • VS Code 터미널에 아래 코드를 입력하여 master 브랜치를 최산화 합니다.
git checkout master
git pull origin master