23.04.18 Vue & Git

조용휘·2023년 4월 18일
0

MacOS, SourceTree, GitHub, IntelliJ 기준

  1. git(원격)에 Repository 생성

  2. 자신이 원하는 위치에 로컬 파일 폴더 생성

  3. 터미널에서 cd ~ 를 통해 방금 생성한 로컬 파일 경로로 이동

  4. git init 명령어를 통해 깃 연동을 위한 폴더로 활성화

  5. 1번에서 git Repository에 README.md 라는 파일을 만들어놓은 게 있으므로 터미널에서 git pull origin main 을 통해 해당 파일을 받아와 원격 저장소와 로컬 저장소를 synchronize한다.

  6. 그리고나서 자신이 원하는 파일을 만든다. 필자와 같은 경우 Vue 프로젝트를 생성했으며 이 과정에서 참고한 레퍼런스는 다음과 같다.
    참고 : https://developer.mozilla.org/ko/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started

  7. 이렇게 만들고나면 로컬 저장소가 원격 저장소와 원래 README.md(원격에서 만들었던)가 같이 있어 동기화되어 있었는데 로컬에 vue 프로젝트 구조가 들어섬에 따라 커밋할 거리가 생긴다.

  8. 이 변경 사항들에 대해 git add --all 을 사용한다. 과거 우아한 테크코스(프리코스) 에서 배울 때는 깃에서 관리할 파일들에 대해 어느정도 판단을 한 후에 선택하라고 했었다. 하지만 필자는 아직 그 정도의 판단을 내리기엔 지식이 부족한 것 같아 우선은 위 명령어를 사용했다.

  9. git add --all 을 통해 변경된 파일들에 대해 스테이지에 올린 후 git commit -m "아무말" 로 커밋해주면 로컬의 선택된 변경파일들이 "로컬"에 저장된 상태가 된다.

  10. 이렇게 로컬에 저장된 파일들을 이제 원격에 올려야 한다.
    git push origin main 을 통해 원격 저장소에 올리자.

    여기서 주의할 점이 있다.
    필자의 경우 SourceTree를 통해 작업하는 것에 익숙하여 이를 활용하고자 했으나, 소스트리에서 커밋한 변경파일들을 push하려고 하면 깃헙 Authentification을 위한 아이디, 비밀번호를 입력하는 과정을 거치는데, 계속해서 오류가 뜬다. 비밀번호가 잘못 입력되었나 싶어 Mac 기능인 "키체인 접근.app"을 통해 sourceTree에 저장된 Authentification 파일을 삭제하고 재시도를 여러번 해보았으나 에러 문구를 읽어보니 소스트리에서는 비밀번호를 통한 인증 방식이 예전에 폐쇄되었다고 한다. 결국 IntelliJ에서 터미널로 직접 git push origin main을 했다.

이게 끝이다. 이렇게 해서 로컬과 원격의 연동 여부를 재검토해보자.

profile
Progress Gradually, Never Stop

0개의 댓글