git 입문
Git란 무엇입니까?
Git는 분산 버전 제어 시스템입니다.분포식 버전 제어 시스템이 도대체 무엇인지 알고 싶다면, 내가 설명해 줄게.분산 버전 제어 시스템에서 버전 정보와 그 역사 기록은 모든 사람의 기계에 반영되고 중앙 버전 제어에는 프로젝트 사본이 하나밖에 없다.
git는 분포식 버전 제어이기 때문에 소스 프로젝트에 매우 적합하다. 소스 프로젝트에서 이 프로젝트를 만든 사람이 하나도 없기 때문에 모든 사람에게 개방적이고 집중식 버전 제어 시스템은 회사나 폐쇄 소스 프로젝트에 더욱 적합하다.
설치
따라서 첫 번째 단계는 시스템에git를 설치하는 것이 분명하다.
git가 설치되었는지 확인하려면 터미널에 다음 명령을 입력하십시오. (윈도우즈에 사용되는 cmd)
git --version
설치하려면 아래 링크를 클릭하십시오 - https://git-scm.com/downloads주의: - 셸 초보자나 터미널을 사용한 적이 없다면, 기본 명령을 이해하는 것을 강력히 권장합니다. bash에 관한 모든 강좌를 보거나 간단하게 읽을 수 있습니다.
git를 설치했습니다. 기본 프로젝트를 설정하고 만들어서 github에 업로드합니다.
이 블로그에 대해 저는 JS와 HTML을 사용하여 수수께끼 게임을 만들 것입니다. 당신은 하고 싶은 일을 할 수 있습니다. 이곳의 주요 목표는 git를 어떻게 사용하는지 배우는 것입니다.
git 설정
현재 git를 설치했습니다. 전자메일과 사용자 이름 등 정보를 사용하려면git를 설정합니다.
이를 위해, 우리는 다음과 같은 명령을 사용할 것이다
git config --global user.email "[email protected]"
git config --global user.name "YourUsername"
github 프로필을 만들지 않았다면, "
의 텍스트를 github 프로필을 만들 때 사용하는 사용자 이름과 전자 우편으로 바꾸십시오.명령의
--global
을 삭제할 수 있지만, 로컬 프로젝트에서git만 설정할 수 있기 때문에 새 프로젝트를 만들 때마다 설정해야 합니다.게임을 해보도록 하겠습니다.
우선, 수수께끼 놀이를 포함하는 목록을 만듭니다.
나는 개인적으로 단말기를 사용하는 것이 매우 편리하다고 생각한다. 만약 당신이 궁금하다면, 내가 언급한 아래의 명령은 바로 내가 실행하고 있는 것이다.
mkdir guessing-game
cd guessing-game
touch index.html
touch script.js
현재 선택한 텍스트 편집기에서 프로젝트 디렉터리를 엽니다. 없으면 Visual Studio 코드를 사용하는 것을 강력히 권장합니다.프로젝트를 열면 색인에 샘플 html을 추가합니다.html 파일.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title></title>
<script src="script.js" defer></script>
</head>
<body>
<input type="text" />
<button>submit</button>
</body>
</html>
이제 프로젝트에서git를 사용하여 우리 버전의 수수께끼 게임을 기록합시다.초기화git
프로젝트에서git를 초기화하기 위해 다음 명령을 사용합니다
git init
이 명령은 다음과 같이 출력됩니다.Initialized empty Git repository in D:/Tanishq's Folder/github/guessing-game/.git/
현재 이 명령은 비어 있는git 저장소를 폴더 경로로 초기화합니다.지트bash에서 실행
ls -a
하거나 윈도우즈에서git-bash를 실행하면 이 명령이 생성된 것을 볼 수 있습니다.프로젝트 디렉터리의git 폴더입니다.이
.git
폴더는git가 저장한 프로젝트와 관련된 모든 정보를 포함합니다.VS 코드를 사용하고 있다면, 프로젝트 탐색기의 변경 사항을 알아차렸을 수도 있습니다.
프로젝트 탐색기를 보려면 그림의 빨간색 동그라미에 있는 아이콘을 누르거나 단축키
Ctrl + B
(윈도우즈 및 linux) 또는 Cmd + B
(MacOS) 를 사용하여 전환할 수 있습니다.그래서 파일의 색깔은 현재 녹색이고 그 끝에 하나
U
가 있다.U
untracked를 위한 것이거나git는 이 파일들을 아직 모른다.VS 코드는 우리에게 이 점을 보여 주었다. 왜냐하면git에 대한 지원이 내장되어 있기 때문이다. 이것도 그것을 다운로드하는 이유 중 하나이다.이 점을 주목합시다.
파일 추가
우리는 두 개의 파일을 만들고 HTML 파일에 템플릿을 추가했지만 불행히도git는 아직 모른다.gitadd는 기본적으로 파일 내용을 추가하고 색인을 업데이트합니다. 색인은 기본적으로 작업 트리의 스냅샷이고 작업 트리는 기본적으로 프로젝트 버전의 표시입니다.
자세한 내용 보기here
이제 명령 뒤에 파일을 언급해서 파일을 추가할 수 있습니다
git add index.html
git add script.js
또는 다음 명령을 사용하여 현재 디렉토리의 각 파일을 언급할 수 있습니다.git add .
이제 나는 두 번째를 선택할 것이다.이제 프로젝트 브라우저에 대한 평가를 확인해 봅시다.이 기호는
A
입니다. 이 기호는 Index Added
의 줄임말입니다. 마우스를 그 위에 올려 놓고 검사할 수 있습니다.현재 우리는 프로젝트의 인덱스를 업데이트했습니다. 변경 사항을 기록할 것입니다. 이를 위해 제출을 사용할 것입니다.
코드 제출
문외한으로 말하자면, 제출은 기본적으로 우리 항목의 기록이나 검사점이다.적절한 주석(또는 제목)이 있는 변경 사항을 기록하는 데 사용됩니다.
자세한 내용은 문서 here 를 참조하십시오.
이제 저희의 변화를 기록해 보도록 하겠습니다.
git commit -m "Added project files and boilerplate"
-m
로고는 메시지를 제공하는 데 사용되거나 제목이라고 할 수 있으며 이 제목은 이 "
사이에 기록되어 있습니다VS 코드에서 프로젝트 브라우저를 검사하면 기호가 표시되지 않습니다. 이 변경 사항을 기록했기 때문입니다. 현재git는 새로운 변경 사항을 계속할 준비가 되어 있습니다.이제 우리는 시합을 계속할 수 있다.
사용자가 JS를 사용하여 버튼을 클릭할 때 사용자 입력 수신을 사용합니다.
script.js
파일에 이것을 추가합니다.let input = document.querySelector("input");
let button = document.querySelector("button");
function check() {
console.log(input.value);
}
button.addEventListener("click", check);
이제 사용자 입력을 가져와 컨트롤러에 표시했습니다. 이 변경 사항을 기록하고 표시할 것입니다.git add .
git commit -m "Showing user input to console"
게임이 아직 완성되지 않았습니다. 나머지 변경 사항을 완성할 것입니다. 이 모든 변경 사항을 제출하여 코드의 다른 변경 사항을 볼 수 있도록 하겠습니다.공유합시다.
이제 우리 프로젝트를 Github에 올리자.만약 당신이 Github를 알고 있다면, 당신은 몇 줄을 건너뛸 수 있지만, 만약 당신이 신출내기라면, 이 블로그가 당신을 덮어버릴 것을 걱정하지 마세요.
Github이 뭐예요?
Github는 가장 큰 공유 소스 프로젝트의 플랫폼으로 문외한에게 코드를 공유하는 소셜 미디어 플랫폼이다.
Github는 사실상 개원 플랫폼의 왕이기 때문에 이에 대해 설명할 필요가 없기 때문에 추격을 멈추고 우리의 수수께끼 게임을 Github에 올리자.그러니까 당신의github 계좌를 준비해서 시작합시다.
저장소 만들기
Github> 로그인하여 새로 만들기 단추 클릭
그리고 필드를 작성하고 자술을 추가합니다.
폼은 이렇게 해야 돼요.
지금 아래의 아름다운 녹색 단추를 누르면 저장소 만들기라고 쓰여 있습니다.
그러면 계정에 저장소가 생성되고 저장소 링크로 리디렉션됩니다.만세!우리는 성공적으로 우리의 계좌에 환매를 추가하여 우리의 수수께끼 게임을 업로드하도록 했다.
우선 https 링크 (ssh 키가 있으면 ssh 링크를 복사할 수 있습니다) 를 잡고 복사합니다.
이제 로컬 프로젝트를github의 저장소에 연결합니다.터미널에서 프로젝트 폴더에 있는지 확인한 다음 다음 명령을 입력하십시오.
git remote add origin <link of your repo>
현재 로컬 항목이 연결되어 있습니다. 다음 명령을 입력하여 항목을 업로드합니다.git push -u origin master
master
여기가 메인 지점입니다. 저희가 파일을 업로드하는 지점입니다.여기에서
-u
은 --set-upstream
의 줄임말로 Github 저장소로 변경 사항을 전송할 때마다 origin master
를 반복해서 입력하지 않도록 추가합니다.따라서 다음에 변경 사항을 업로드할 때 git push
만 입력하면 됩니다.!아이고, 너도 비슷한 잘못에 직면하면
걱정하지 마라, 이것은 고의로 한 것이다.알림을 보시면 "원격으로 작업을 포함합니다"라고 합니다.
remote
여기는 Github 저장소입니다. 그러나 우리가 선택한 Add README.md
옵션을 보시면 저장소에 README.md
라는 파일을 만들었지만 로컬 프로젝트에서 이 절차를 포함하지 않았습니다.따라서 저장소에서 변경하고 로컬 프로젝트에 추가합니다.이를 위해, 우리는 사용할 것이다
git pull origin master --allow-unrelated-histories
push 명령이 실패했기 때문에git에서 상류를 설정하지 않았습니다. 이것이 바로 우리가 origin master
와for--allow-unrelated-histories
를 입력한 이유입니다. 이것은 우리가 작업 트리를 어지럽혔기 때문입니다. 왜냐하면 우리 저장소의 첫 번째 기록은 README.md
입니다. 이것은git 저장소의 일부분이 아닙니다.이 오류를 피하기 위해서
Add README.md
옵션을 선택하거나 자술한 파일로 저장소를 만들어야 합니다.md, 그리고 그것을 로컬 기계에 복제한 후에 우리는 변경해야 합니다.후!따라서 언제든지 현지 프로젝트와 환매 협의와 충돌이 없는 변경을 해야 한다면
git pull
만 사용할 수 있다.이제 모든 것이 처리되었습니다. 우리는 마침내 밀어낼 수 있습니다. 따라서 어떠한 시간도 낭비하지 않는 상황에서push 명령을 입력하십시오
git push -u origin master
우리는 단지 한 번 입력 -u origin master
한 후에 필요없다는 것을 잊지 마라.지금github에서 당신의 항목을 볼 수도 있고, 나의 항목을 볼 수도 있습니다!또한 변경 사항을 볼 수 있습니다. 또한 모든 단계에서 제출을 만들었기 때문에 코드의 프로세스를 알 수 있습니다.
퀴즈게임 Github repo의 링크는 https://github.com/TanishqSingla/Guessing-game/
즐거운 인코딩!
Reference
이 문제에 관하여(git 입문), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dsc_ciet/get-started-with-git-nmh텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)