본문 바로가기
etc/GitHub

GitHub에 파일 업로드(GUI 기반)

by Mesut Özil 2024. 1. 14.

GitHub에 파일 업로드(GUI 기반) (VSCode 기준)

  1. GUI 기반 방법: 시각적인 요소를 사용하여 작업 수행하는 방법 (사용자가 직관적으로 이해, 조작 가능)
  2. CLI 기방 방법: 명령어를 통해 다양한 작업 수행하는 방법 (주로 터미널이나 명령프롬프트를 통해 사용)

 


GIT

  • 버전 관리 소프트웨어 (local)

GitHub

  • 코드 공유 및 협업을 지원하는 웹 호스팅 서비스

GUI(Graphical User Interface)

  • 시각적인 요소를 사용하여 작업 수행하는 방법 (사용자가 직관적으로 이해, 조작 가능)

 

1. Sourcetree 설치 

 

2. Sourcetree

  • Local: 내 컴퓨터 내 파일
  • Remote: 내가 연동시킨 GitHub 내 Repository
  1. Clone 클릭 후 파일을 넣을 경로(2번째 줄), 폴더명 설정 후 → '클론' 버튼 클릭
  2. VS Code에서 코드 작업 후 Sourcetree 접속 (좌측 상단 '커밋'에 숫자 표시됨) → '파일 상태' 확인
  3. 수정된 코드 하단에 코멘트 작성 후 → '커밋' 버튼 클릭 (Push 준비 완료)
  4. 브랜치 카테고리 하위 브랜치들 중 작업을 진행한 브랜치를 클릭하여 commit 내용 확인 가능
  5. 좌측 상단 'Push' 클릭 → 'Push' 버튼 클릭 (GitHub에 업로드 완료)

 

3. GitHub

  1. 수정 코드 클릭 → 'History' 클릭 (변경 내용 확인 가능)
  2. 좌측 상단 'Push' 클릭 → 'Push' 버튼 클릭 (GitHub에 업로드 완료)

 

 

 

GitHub에 파일 업로드(CLI 기반) 기본적인 내용에 대해 궁금하신 분은 아래의 이전 작성글을 참고하세요!

 

GitHub에 파일 업로드(CLI 기반)

GitHub에 파일 업로드(CLI 기반) (VSCode 기준) GIT 버전 관리 소프트웨어 (local) GitHub 코드 공유 및 협업을 지원하는 웹 호스팅 서비스 CLI(Command Line Interface) 명령어를 통해 다양한 작업 수행하는 방법 (

luckydong.tistory.com

 

 

 

'etc > GitHub' 카테고리의 다른 글

GitHub에 파일 업로드(CLI 기반)  (0) 2024.01.12