git bash 다운로드: https://git-scm.com/
visual studio code 프로그램 다운로드
git graph 설치: extensions 메뉴의 검색창에 git graph 를 치고 install 하기
왼쪽 하단에 git graph가 나온다.
폴더 준비: 바탕화면에 작업물을 담아둘 폴더를 준비한다.
<!DOCTYPE html>
<html>
<head>
<title>WEB CLASS</title>
<meta charset="utf-8">
<style>
body {
background-color: aquamarine;
}
.em {
color: peru;
}
</style>
</head>
<body>
<h1>Web</h1>
<ol>
<li>html</li>
<li>css</li>
<li>js</li>
</ol>
<h2>Welcome</h2>
Hello, WEB
</body>
</html>
source control 에서 stage Changes 누르기
message창에 내용 적고 commit 누르기
git graph를 눌러서 확인하기
위의 Terminal 메뉴 - New Terminal
terminal 창의 오른쪽 아래 - 플러스 버튼의 옆의 아래 화살표쪽 누르기 - git bash 선택
git log 라고 작성하면 다음과 같이 commit했던 내용들을 볼 수 있다.
4번째 줄의 WEB CLASS 2 -> WEB CLASS 3로 바꾸고 저장 -> 다음과 같이 메시지 적고 commit
왼쪽 아래 파란줄에 저 버튼을 눌러도 되고
terminal 창에서 git push 쓰고 엔터도 가능하다.
github에 가서 새로고침(F5)하면 다음과 같이 변경된 사항이 나타난다.