네가 필요한 입문 템플릿. - 2부.

만약 당신이 놓쳤다면, 당신은 여기서 다른 부분을 읽을 수 있습니다.

제2부분, 이 문장

1부는 완성됐습니다 - 지금까지 어떤 성과를 거뒀나요?

지금까지 다음과 같은 템플릿이 만들어졌습니다.

SASS가 CSS를 보다 효율적으로 관리

가져오기/내보내기와 같은 JS 기능을 사용하여 코드를 여러 파일로 분할할 수 있습니다.

다음 목표는 템플릿을 안전한 곳에 저장하는 것입니다. 새로운 프로젝트를 시작해야 할 때 템플릿을 다운로드할 수 있습니다.
가자!

2.0Git 및 GitHub

코드를 업로드하기 전에 Git 및 GitHub에 대해 알아야 합니다.
지트
다음 사항을 고려하십시오.
오늘 우리가 1부에서 했던 것처럼 프로젝트 버전 1 (v1) 의 그 버전을 고려하는 새 프로젝트를 만들었다고 가정하십시오.
내일 너는 일부 파일을 편집해서 버전 2 (v2) 로 만들 것이다.
오늘부터 이틀 동안 당신은 v1이 v2보다 낫다는 것을 깨닫고 돌아가고 싶지만 어떤 변경을 했는지 잊어버렸습니다.
이것이 바로 Git가 해결한 문제다.
Git는 버전 제어 시스템 (VCS) 으로 간단하게 말하면 파일 디렉터리의 시간 기계이다.
너는 우리가 단말기에서 git init를 입력했을 때를 기억하니?
이러한 명령은 현재 디렉토리를 Git 저장소로 초기화하고 파일 변경 내용 추적을 시작합니다.
이 명령 이후 프로젝트의 모든 파일을 만들었습니다. 즉, 버전 1을 만들었습니다.
그러나 Git는 디렉토리의 버전을 자동으로 저장하지 않으므로 저장할 시기를 결정해야 합니다.
디렉터리/repo의 '화면 캡처' 를 저장하고 싶을 때마다 제출해야 하며, 제출할 때 설명적인 이름을 추가해야 합니다.
장래에 너는 과거로 돌아갈 수 있다.
github
GitHub은 Git 워크플로우를 고려하여 만들어진 코드 클라우드입니다.
기본적으로 프로젝트를 Github에서 호스팅하는 Git 저장소에 저장합니다.
본 환매 협의는 원격 환매 협의로 간주된다.
프로젝트 코드가 필요할 때, 컴퓨터에 있는 디렉터리로 원격으로 '다운로드' 할 수 있습니다.이 과정은git clone이라고 불리며 컴퓨터에서 복제된 디렉터리는 로컬 리포로 간주됩니다.
다음에 코드를 변경하고 코드의 '화면 캡처' 를 저장한 다음 '업로드' 를 원격 리셋으로 되돌려줍니다.
이러한 과정을git 제출과git 전송이라고 부른다.
Github는 이러한 모든 워크플로우에서 파일의 저장소로 사용됩니다.
Git와 Github은 많은 작업을 했지만, 이 안내서에 대해서는 이것만 알고 계십시오.

2.1 GitHub 재구매 계약 작성

프로젝트로 돌아가서, 우리는 파일의 화면 캡처를 저장하고, 코드를 GitHub에 전송하기를 희망합니다.
이를 위해서는 GitHub에 계좌가 있어야 하기 때문에 계속하기 전에 계좌를 확보해야 한다.
만약 당신이 이렇게 한 적이 없다면, Git 사용자 이름과 이메일 주소를 설정해야 합니다.
이렇게 하려면 터미널에 다음 두 명령을 입력하고 이름과 이메일을 첨부하십시오.

git config --global user.name "John Doe"

git config --global user.email [email protected]

알겠습니다. 로컬 리콜 프로토콜을 로컬 컴퓨터에서 GitHub의 원격 리콜 프로토콜로 복사합니다.
Watch the process on YouTube
동영상에 표시되는 절차를 밟을 때 터미널에서 GitHub에 로그인을 요청할 수 있습니다. 괜찮습니다. 하세요.
만약 당신이 잘못되었거나 이 글을 계속 쓸 수 없는 평론이 있다면
동영상의 모든 절차 후에 GitHub 저장소에는 템플릿의 모든 코드가 포함되어 있습니다.

2.2 새로운 프로젝트 시뮬레이션

우리의 템플릿이 있으니 그것을 사용해 봅시다.
GitHub에서 저장소 페이지를 엽니다.
녹색 '코드' 단추를 누르고 '복사' 단추를 누르면 원격 리콜 URL을 복사합니다.

터미널을 열고 데스크톱을 탐색합니다.
이 명령을 실행하면 <repo_url> 위치에서 복사한 리셋 URL을 붙여넣습니다.

git clone <repo_url> simulated-new-project

명령 예:

현재Destkop에는 simulated-new-project 라는 새 디렉터리가 있을 것입니다. 이것은 GitHub repo my-starter 의 복제입니다.
이 마지막 명령은 매번 새로운 프로젝트를 시작할 때마다 해야 하는 것이다.
이제 우리는 모든 프로젝트 의존항을 설치하기만 하면 코드를 작성할 수 있다.
따라서 터미널에서 다음 명령을 실행합니다.cd simulated-new-project npm install npm run start모든 것이 정상적이면 브라우저가 http://localhost:1234에서 페이지를 열고 표시합니다.

2부 완성됐습니다 - 지금까지 저희가 얻은 게 뭐죠?

지금까지 GitHub 공간에서 프로젝트 시작 프로그램을 저장했습니다.
다음 목표는 이 프로젝트/템플릿이 인터넷에 발표되는 것을 보는 것이다.
이를 위해 Github라는 기능GitHub Pages을 사용해 3부에서 소개합니다.
3부는 2021년 12월 5일 발표된다.
만약 당신이 이 박문이 매우 재미있다고 생각한다면, 만약 분명하지 않은 부분이 있거나, 혹은 당신이 잘못한 것이 있다면, 평론에서 나에게 알려주십시오.

초과의

한층 더 읽다

Git, GitHub과 그 관계를 더 잘 이해하려면 보십시오.