초보자를 위한 코딩: VS Code, CLI 및 버전 제어

먼저 우리가 사용할 3가지 주요 도구에 대한 개요를 제공합니다. 그것들을 정의한 후에 그것들을 함께 사용하는 방법에 대한 예를 제공할 것입니다!

(그런데 저는 Mac OS 사용자이므로 일부 명령이 운영 체제와 동일하지 않은 경우 빠른 Google을 제공하십시오!)

1.1 Visual Studio Code
1.2 The Command Line Interface
1.3 Version Control
1.4 Putting this all together

1.1 비주얼 스튜디오 코드(VS 코드)

First things first, we need somewhere to write your code! Visual Studio Code is my favourite source code editor (or Integrated Development Environment if you want to use the fancy term) and it’s free 😍.

It provides various inbuilt tools that we’ll be needing, so go ahead and click here 설치 방법을 알아보세요.

1.2 명령줄 인터페이스(CLI)

Next, I’ll talk briefly about the CLI. At a simple level, it is a window where you can write commands that tell your computer to carry out some actions, for example, to create/modify some files or initiate some process. Each operating system has its own name for this (eg. for Mac OS it’s called Terminal) but don’t worry about this as VS code provides its own CLI and that’s what we’ll be using (we can begin to see why I’m a fan of VS code!).

1.3 버전 관리(Git)

Developers need a way to track their code. Of course, you could save a new version of the same file every time you changed it juuust in case you wanted to go back to a previous version at some point in the future, but that’s just super inconvenient and you’d end up with hundreds of files! Not to mention if you’re working in a team. So that’s why version control was born, and in particular we’ll be talking about the most popular one called Git (interesting name right 😅?).

Install Git from here .

1. 4 종합

Go ahead and open up VS code, then click Open Folder.

새 폴더를 만들고 재미있는 이름을 지정한 다음 선택하고 열기를 클릭합니다.

이제 파일 보기가 열린 상태에서 왼쪽에 첫 번째 아이콘이 선택되어 있는 것을 볼 수 있습니다. 현재 거기에 파일이 없으므로 비어 있습니다.



이제 커맨드 라인을 열어봅시다. 왼쪽 모서리에 있는 삼각형을 클릭한 다음 터미널 탭을 클릭합니다.





이제 명령줄이 열려 있고 방금 만든 폴더를 가리키고 있습니다. 훌륭합니다!



우리가 누구인지 Git에게 말하자. 다음 명령을 명령줄에 붙여넣은 다음 사용자 이름과 이메일을 설정합니다(여기에서 직접 선택).

>> git config --global user.name "your_username"
>> git config --global user.email "your_email"

이제 Git을 초기화해 보겠습니다.

>> git init

이제 버전 제어 추적을 추가했습니다.
touch 명령을 사용하여 명령줄을 통해 일부 파일을 추가합니다.

>> touch file1.js file2.js

Enter 키를 누르면 두 개의 빈 JavaScript 파일이 있는 왼쪽 파일 보기가 표시됩니다!



각 파일 옆에 있는 U를 참고하십시오. 이것은 Untracked의 약자입니다. Git은 우리가 아직 추적하지 않은 두 개의 새 파일을 추가했음을 인식했습니다. 2를 클릭하면 버전 관리를 더 자세히 볼 수 있습니다!



그렇다면 git에게 이러한 파일을 추적하도록 어떻게 지시할까요? 이렇게 하려면 두 단계가 있습니다. 먼저 파일을 가져와야git add Git이 추적할 파일을 알 수 있습니다. 그런 다음 파일을 git commit 이 커밋에 대한 변경 사항을 설명하는 짧은 메시지와 함께 표시합니다. 명령줄을 통해 또는 VS 코드의 도움을 받아 추가/커밋하여 내부적으로 이를 수행할 수 있습니다. BTW 먼저 파일을 추가하지 않고는 커밋할 수 없습니다!

1. 명령줄을 통해

>> git add .
>> git commit -m "Add my first javascript files"

참고: . 여기 모든 것을 의미합니다!

2. VS 코드 버전 제어 탭을 통해

어떤 방법을 사용하든 이제 명령줄을 통해 git log를 확인하면 첫 번째 커밋이 기록되고 버전 관리 탭의 파일이 지워진 것을 볼 수 있습니다!

축하합니다! 첫 번째 git 커밋을 완료했습니다 🥳

이제 파일 보기로 돌아가서 파일 중 하나를 열면 파일에 무언가를 입력하고 저장을 누르십시오.

Modified를 나타내는 작은 M이 표시되어야 합니다. Git이 파일에서 변경된 사항을 인식했기 때문에 해당 알림을 지우려면 다시 커밋해야 합니다!

주의 사항

우리는 방금 로컬에서 Git을 살펴보았습니다. 이것은 현재 우리 컴퓨터만이 Git 추적에 대해 알고 있음을 의미합니다. 우리는 Git을 사용하여 파일을 원격으로 추적할 수 있으므로 예를 들어 멋진 코드GitHub를 통해 다른 사람들이 우리의 버전 코드에 액세스할 수 있습니다. 여기에서 수행한 것과 유사하게 추가/커밋을 사용하지만 다른 개발자가 볼 수 있도록 일부 리포지토리(본질적으로 모든 코드의 폴더)에 변경 사항을 적용해야 합니다git push. 다른 사람의 변경 사항을 로컬에서 확인하려면 다른 사람의 변경 사항도 확인해야 합니다git pull. 그러나 지금은 이것에 대해 걱정하지 마십시오. 향후 기사에서 이러한 용어로 돌아갈 것입니다!👾

이것이 코더를 꿈꾸는 여러분 중 일부가 다가올 일을 위한 토대를 마련하는 데 도움이 되었기를 바랍니다! 그리고 질문이 있으시면 언제든지 메시지를 보내주세요 😌

|| GitHub