-
1. 소스트리 다운로드하기
아래 사이트로 이동한 후 소스트리를 다운로드해준다.
https://www.sourcetreeapp.com/
Sourcetree | Free Git GUI for Mac and Windows
A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac.
www.sourcetreeapp.com
건너뛰기
나머지는 그냥 계속 다음다음
마지막에 ssh키 불러오겠냐는 창은 '아니요'
이제 만들었던 폴더를 소스트리에 가져와보자.
상단의 create아이콘을 눌러서 탐색으로 폴더 작업폴더 가져오기!
(생성 후 이미 폴더가 발생했다고 뜨는 창은 "예" 누르기)
3. 커밋하기
create 생성해서 폴더를 불러오면, 이렇게 스테이지에 올라가지 않은 파일이 보임
- 여기서 모두 스테이지에 올리기 누르기
- 모두 스테이지에 올린 후 하단 커밋에서 커밋명을 적고 하단우측에 커밋버튼 클릭
커밋이 잘되면 이렇게 커밋할 내용이 없다고 뜸
히스토리에 커밋한 내용확인가능
파일수정해서 다시 커밋하기 전에 [소스트리에서 .sass-cache 제외하고 올리기]
작업파일에서 .gitignore 만들어주고 그 안에 /.sass-cache 라고 작성
-> 그런 후 소스트리에서 새로고침하면 캐시부분은 없어졌음
4. 파일수정 후 다시 커밋을 찍어서 기록에 남기기
1) 스테이지에 올라가지 않은 파일 다싯 모두 스테이지에 올리기
2) 올린 후 하단 커밋에서 커밋명 적어준 후 커밋
- 커밋완료하면 히스토리에 기록이 다시 찍히는걸 볼 수 있음
5. 깃허브에 올리기
1) 깃허브로 가서 깃허브에서 먼저 new파일해서 깃 생성하기(링크생성)
2) create repository 버튼 누르면 저장소 주소가 생김
3) 저장소 주소를 저장한 다음에 소스트리에서 상단 설정탭 선택
- 원격탭에서 추가버튼 누르기
- 임의의 원격이름과, 위에서 만든 깃 저장소 주소 url에 붙여 넣기
확인을 누르면 추가 된 것을 볼 수가 있다.
- 다시 확인을 누르고 닫기
4) 왼쪽 마스터 브랜치를 선택한 후에서 상단 Push아이콘을 누른 후
- 창이 뜨면 master브랜치 선택 후 push해서 깃허브에 올리기
올린 후 깃허브에서 확인
소스트리에서 브랜치 생성 후 사용방법
브랜치는 코드를 이렇게 짰는데, 다르게 짜보고 싶을 때(2~3가지 버전을 보고 싶을 때)
[소스트리에서 브랜치 생성방법]
1. 오른쪽 master브랜치누른상태에서 상단에 브랜치 아이콘 클릭
2. 새 브랜치에 브랜치명 적기 후 브랜치생성
3. 스타일 수정후 , typeb브랜치가 눌린상태에서 파일들 모두 스테이지에 올리기
4. [커밋] 왼쪽위의 커밋메뉴나 WORKSPACE -파일상태로 가서 하단에 커밋 내용을 작성하고 커밋
: WORKSPACKE - History에서 각 커밋의 해시, 상위항목, 날짜 , 커밋한사람, 커밋메시지를 확인할 수 있다.
5. [푸시] 푸시(Push) 변경된 내용을 깃허브에도 적용시킬수 있도록 push더보기※ 브랜치 생성 후에 다시 수정하고 기존 브랜치인 master에 push해도 먹히지 않는다.
- 그 이유는 브랜치 생성후에 수정하는건 기존 브랜치master은 바뀌지않고
- 그 브랜치만 변경가능 한듯
[예시]
1.master 브랜치 : 제일기존에 있던 검정색을 (수정)-> aqua색으로 변경
2.typea 브랜치생성: 기존 aqua색을 빨강으로 변경3.master 브랜치에서 재수정 -> 핫핑크 안됨3.typea 브랜치수정 : 핫핑크로 변경(기존 master은 aqua색 그대로 유지)
[블로그참고]
https://blog.naver.com/jaeeun_98/222335243805
[Git] GUI로 Git 사용하기, 소스 트리 이용 방법(설치 방법, add, commit, push, pull)
https://blog.naver.com/jaeeun_98/222335073606 1. 소스 트리 다운로드하기 이제 CLI가 아니라 GUI...
blog.naver.com
https://blog.naver.com/yangwonder/222198787012
소스트리로 브랜치(branch)&생성(commit) &푸시(push)
https://blog.naver.com/aphaemil/222080840599 https://blog.naver.com/d_bliebe/221789164353 1. 왜인지...
blog.naver.com
반응형'코딩스터디 > .etc' 카테고리의 다른 글
깃허브(GitHub) 설치 및 사용법 (0) 2021.06.25 SASS 사용하기 (0) 2021.05.04 SASS 설치 (0) 2021.05.04 웹표준 & 웹접근성 (0) 2021.05.04 [jQuery] swiper로 슬라이드 구현 (0) 2021.04.28 댓글