[Linux/Git] 기초

---

🕖 DAY +10 / 2022. 11. 02

SEB FE / Section1 / Unit8 / Linux/Git 기초

---

📌 Today I Learned

• 터미널과 CLI
• 패키지와 패키지매니저
• Node.Js
• Git

💬 CLI

터미널은 CLI(Command-Line Interface)이다. 입력하는 글자와 출력되는 글자로 컴퓨터와 소통할 수 있다.

📂 프롬프트(Prompt)

키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간이다. 입력한 명령어를 실행하려면 Enter를 눌러 실행시킨다.

📂 pwd

pwd: 현재 위치 확인하기

GUI에서는 "현재 폴더가 위치한 경로"를 확인하기 위해 탐색기의 상단을 클릭해서 확인합니다.
CLI인 터미널에서는 간단하게 pwd를 프롬프트에 입력하고, Enter(엔터 키)를 누르면 현재 경로가 나타납니다.

pwd

username pwd
/Users/username

pwd는 print working directory의 약자다. 여기서 말하는 디렉토리(directory)는 폴더다.

📂 mkdir

mkdir: 새로운 폴더 생성하기

CLI에서 폴더를 생성하기 위해 사용하는 명령어인 mkdir은 make directories의 약자로, 폴더를 만들라는 명령을 컴퓨터에 전달한다. 명령어 mkdir은 생성할 폴더의 이름을 함께 입력해야 한다. CLI에서는 명령어와 폴더의 이름을 Space(스페이스 키)로 구분한다.

mkdir helloWorld

### 📂 ls > ls : 특정 폴더에 포함된 파일이나 폴더 확인하기

명령어 ls는 list의 약자로, 특정 폴더에 포함된 파일이나 하위 폴더의 리스트를 출력한다. 명령어 ls를 이용해 명령어 mkdir을 통해 생성한 폴더 "helloWorld"를 확인할 수 있다.

ls

명령어 ls에는 자주 사용하는 옵션 l과 a가 있다. CLI에서 특정 명령어의 옵션을 사용하는 경우에는 -를 이용해 옵션을 입력했다고 컴퓨터에 전달한다.

• ls -l
• ls -a
• ls -al 또는 ls -la
  * 위의 세 번째 예시에서, 옵션을 뜻하는 대쉬(dash, -) 뒤에 오는 옵션의 순서는 기능에 영향을 미치지 않는다.

명령어 ls의 옵션 a는 "all"이라는 의미다. 숨어있는 폴더나 파일을 포함한 모든 항목을 터미널에 출력한다다.

옵션 a와 함께, 자주 사용하는 옵션 l은 폴더나 파일의 포맷을 전부 표현하라는 의미
다. 하나의 파일 또는 하나의 폴더는 한 줄에 출력된다.

출력되는 폴더나 파일의 포맷 중에서 가장 먼저 등장하는 d 또는 -로 시작하는 부분을 살펴보자.

# 명령어 ls에 옵션 l을 함께 사용한 경우 확인할 수 있는 포맷
drwxr-xr-x
-rw-r--r--

d로 출력된 경우는 폴더를, -로 출력된 경우는 파일을 나타낸다.

명령어를 이용해 폴더를 GUI의 탐색기로 실행하기
여러분이 컴퓨터를 켜고, 모니터에 GUI가 나타나면 가장 먼저 만나는 화면은 바탕화면입니다. 바탕화면이 하나의 폴더인 걸 알고 있나요? 터미널에서 아래의 명령어를 운영체제에 맞게 입력하세요. 여기서 사용하는 명령어는 운영체제에 기본적으로 탑재된 명령어입니다. 터미널의 현재 위치를 GUI의 탐색기(파인더)로 열 수 있습니다.

📂 명령어를 이용해 폴더를 GUI의 탐색기로 실행하기

open .

📂 cd

cd: 폴더에 진입하기

명령어 cd는 change directory의 약자로, 프롬프트로 상호작용하는 폴더를 다른 폴더로 변경한다는 의미이다. 명령어 pwd를 사용해 현재 위치를 확인하고, 명령어 ls를 이용해 helloWorld 폴더를 확인한 다음, 명령어 cd를 이용해 helloWorld 폴더로 진입한다.

pwd
# /Users/[사용자명]

ls
# cd를 이용해 폴더 helloWorld로 진입합니다.
cd helloWorld
# pwd를 이용해 현재 위치를 확인합니다.
pwd

📂 touch

touch: 파일 생성하기

파일을 만들기 위해 touch라는 명령어를 사용한다.

touch hi.txt

📂 cat

cat: 파일의 내용을 터미널에 출력하기

명령어 cat은 파일의 내용을 터미널에 출력하는 명령어다.

cat hi.txt

• 명령어 cat을 이용하여 터미널에 출력하면, 파일의 모든 내용을 출력합니다. 만약 원격 서버에 접속한 상태에서, 너무 큰 파일을 출력하면 어떻게 될까요? 원격 서버에 접속하는 일은 네트워크를 통해 이뤄지기 때문에, 원격으로 접속한 상태에서 큰 파일을 출력하는 일은 굉장히 비효율적입니다.
• CLI를 통해 파일의 내용을 확인하는 명령어는 익혔습니다. 그렇다면 CLI에서 파일을 수정하려면 어떻게 해야 할까요? CLI에서 텍스트를 편집할 수 있도록, CLI 전용 텍스트 편집기가 있습니다. 터미널 에디터 nano를 통해 학습합니다.

폴더 또는 파일의 이름에 공백(띄어쓰기)이나 특수문자가 있으면, 백슬래시()를 이용해 적용한다.

📂 rm

rm: 폴더나 파일 삭제하기

명령어 rm의 뜻은 remove(삭제하다)이다. 명령어 rm으로 삭제한 폴더나 파일은, 휴지통을 거치지 않고 삭제된다.

• 명령어 rm은 단일 파일을 삭제할 수 있다. 폴더를 삭제하려면 옵션을 이용해야 한다. 명령어 ls의 옵션처럼 대시(-)를 사용하여 옵션을 입력한다. 사용할 수 있는 옵션은 r과 f입니다.

• 옵션 r은 "recursive"를 뜻하고, 옵션 f는 "force"를 뜻합니다.

  • 옵션 r은 폴더를 지울 때 사용
  • 옵션 f는 질문을 받지 않고 지울 때 사용

우리는 폴더나 파일을 삭제할 때 두 옵션을 같이 사용할 것이다.

📂 mv

mv: 폴더나 파일의 이름을 변경, 또는 폴더나 파일의 위치 옮기기

명령어 mv는 move의 약자로, 폴더나 파일을 이동할 때 사용한다.

mkdir bye 
	# bye 폴더를 생성한다.
touch bye.txt 
	# bye.txt 파일을 생성한다.

mv bye.txt bye/
  	# 파일 bye.txt을 bye 폴더로 이동시킨다.
ls

명령어 mv를 이용하면, 폴더나 파일의 이름을 변경할 수 있다.

ls
	# bye.txt
mv bye.txt helloWorld.txt
	# 파일명이(bye.txt ->  helloWorld.txt)변환된다
ls
	# helloWorld.txt 파일이 출력된다.

📂 cp

cp: 폴더나 파일을 복사하기

명령어 cp는 copy의 약자로, 폴더나 파일을 복사할 때 사용한다.
파일을 복사하기 위해 명령어 cp를 사용하는 경우에는, cp [원본 파일 이름] [복사할 파일 이름]을 프롬프트에 입력한다다.

ls
	# helloWorld.txt 가 출력된다.
cp helloWorld.txt hiComputer.txt
ls
	# helloWorld.txt hiComputer.txt 가 출력된다.

• CLI에서 .은 현재 폴더를 나타냅니다. ..은 현재 폴더(.)을 기준으로, 앞에 .이 하나 더 붙습니다. 이렇게 만들어진 ..은 현재 폴더보다 앞에 있는 폴더를 가리킵니다.

• 각 명령어에 포함된 옵션은 명령어 이름만 입력하거나 -h 또는 --help와 같은 옵션을 통해 확인할 수 있습니다.

- 관리자 권한

절대 경로의 기준점인 루트 폴더(/)는 Linux의 관리자 영역이다. 일반 사용자의 권한으로는 어떤 폴더나 파일도 생성, 변경, 삭제할 수 없다.

현재 로그인된 사용자를 확인하는 명령어가 있다.

whoami
	# [username]

📂 sudo

sudo: 관리자 권한을 획득하는 명령어

명령어 sudo는 사용자 환경에서, 관리자 권한을 획득하는 명령어다.
기본적인 CLI 명령어의 앞에 작성한다. 한시적으로나마 관리자 권한을 가지기 때문에 항상 비밀번호와 함께 사용한다. 비밀번호는 화면에 출력되지 않지만, 터미널에 정상적으로 입력되고 있다. 비밀번호를 정확하게 입력하고 Enter(엔터 키)를 눌렀다면, 폴더가 정상적으로 생성된다.

mkdir justMkdir
sudo mkdir sudoMkdir
password:
	# 타이핑을 해도 출력이 없다. 비밀번호가 출력되지 않더라도, 입력이 정상적으로 이뤄지고 있다.
ls
	# justMkdir sudoMkdir helloWorld.txt hi.txt

절대 경로와 상대 경로

점(.)은 현재 폴더를, 슬래시(/)는 폴더 내부를 나타낸다. ./는 "현재 폴더 아래의"라는 뜻이다.
./hi는 현재 폴더 아래의 폴더 hi를 나타낸다.

pwd
	# /Users/[username]/helloWorld/hello/hi
mv helloWorld.txt ../../
  	# 내 폴더(hi)의 상위(hello)로 이동 + 내 폴더(hello)의 상위(helloworld)로 이동
ls
	# hiComputer.txt
cd ../../
pwd
	# /Users/[username]/helloWorld/
ls
	# hello helloWorld.txt hi.txt

• 사용자 폴더의 경로(Path)는 ~/로 표시됩니다. 물결 기호(~)는 루트폴더(/)로부터 사용자 폴더(username)까지의 경로를 축약한 형태입니다.

- 텍스트 에디터 nano

CLI 환경의 에디터이다. 터미널에서 자유자재로 다룰 수 있는 에디터가 하나쯤은 있어야 한다.

📂 nano 실행

nano hello.js
	# hello.js 를 nano에서 연다.
nano 
	# 그냥 실행할 수도 있다.

nano 화면 설명

(A) 파일 이름 안내
(B) 파일 편집 화면, 실제로 여기서 텍스트 파일을 편집할 수 있다.
(C) 사용에 필요한 각종 단축키
사실상 여기에 대부분의 기능에 대한 도움을 얻을 수 있다. 화면에 표시된 ^X 와 같은 내용은 Ctrl + X 키 조합을 의미한다.

💬 Node.Js

JavaScript 런타임(runtime)중 하나인 Node.js
프로그래밍 언어가 구동되는 환경, 즉 어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳이 바로 런타임이다. 크롬, 사파리와 같은 웹 브라우저가 대표적인 JavaScript 런타임이다. 그래서 JavaScript의 주된 용도는 웹 페이지를 구성하는 것이었습니다.

📂 nvm이란?

nvm은 다양한 Node.js version를 설치하고 관리할 수 있는 프로그램이다.

nvm ls

그럼 현재 nvm을 통해 설치한 Node.js version들이 나온다. 특정 버전의 Node.js를 설치하고 싶으면 다음과 같이 입력해야 한다.

nvm install 12.18.3

이렇게 하면 이미 설치된 버전을 삭제하지 않고, 우리가 원하는 Node.js version을 설치할 수 있다. 사용 중인 Node.js version을 다른 버전으로 변경하고 싶을 때에는 아래의 명령어만 입력하면 된다.

nvm use 버전 넘버
	# 예를 들어, nvm use 12.18.3,  nvm use 14.15.5

nvm으로 Node.js의 버전을 관리하면, Node.js를 설치하고 version을 바꾸는 일이 편리다.

📂 npm이란?

npm은 node package manager를 말합니다. 자바스크립트로 된 프로젝트를 할 때 다른 사람의 코드에서 사용된 패키지를 npm을 사용해서 설치를 할 수 있습니다. 웹사이트, 웹앱, 노드를 사용한 서버사이드 등 자바스크립트를 사용하는 모든 프로젝트에서 npm을 사용할 수 있습니다.

📂 package란?

어떤 사람이 npm에 배포한 코드를 말합니다.
예시로는 angular, react, jQuery, Express, Socket.io가 있습니다. 모두 npmjs.com에서 찾을 수 있습니다.

프로젝트 내에서 npm을 사용하려면 프로젝트 내에 package.json 파일이 있어야 합니다. package.json은 사용하기로 한 패키지들의 이름, 그리고 패키지의 버전의 리스트를 적어둔 것입니다.

이때 package.json이 존재하지 않으면

npm init

위 명령어를 사용해 package.json 파일을 생성할 수 있습니다. 이미 package.json이 있는 프로젝트이면 이미 npm이 세팅되어있다는 뜻입니다.

npm 참조
https://yumyumcoding.tistory.com/28

💬 Git

Git이란 개발자의 코드를 효율적으로 관리하기 위해서 개발된 ‘분산형 버전 관리 시스템’ 입니다.

이 그림처럼 하나하나 날짜별로 어떤 파일이 어떻게 바뀌었는지 확인이 가능합니다. 이렇게 특정 시점에 생성된 백업 복사본을 스냅샷이라고 하는데요. 이렇게 하나하나 스냅샷을 만들어 주는 작업을 commit이라고 합니다.

commit이라는 기능을 통해서 변경 사항에 대한 스냅샷이 만들어지고 이전의 기록들에 대한 추적이 가능하다면 버전 관리뿐만 아니라 회사에서 협업을 할 때도 굉장히 유용하겠죠?

📂 버전 관리 시스템

만약 여러 사람이 같은 파일로 동시에 작업하거나, 이전 상태로 다시 되돌려야 할 경우가 생긴다면 어디부터 손을 대야 할지 감을 잡기 힘들 거예요.
버전 관리를 할 수 있다면, 손쉽게 이전 상태로 돌아갈 수 있습니다.

각 버전 별로 변경된 이력들을 저장하는 작업이라고 할 수 있습니다.

다시 이전 버전으로 되돌아가야 하는 상황이 발생할 경우 이전의 변경 이력들이 기록되어 있으니 되돌아가는 것이 가능하겠죠?

변경 사항을 저장할 때는 어떤 사항이 변경되었는지 코멘트를 꼭 작성을 해야 하는데요.
그렇기 때문에 누가 어떤 파일을 추가, 수정, 삭제했는지도 확인이 가능하다는 점도 중요한 장점입니다.

Git으로 관리되는 파일은 Github, GitLab, Bitbucket 등의 여러 가지 원격 저장소를 이용해서 백업과 협업을 할 수 있습니다.

📂 github & git

Git은 소스 코드 기록을 관리하고 추적할 수 있는 버전 관리 시스템입니다.
Github은 Git Repository를 관리할 수 있는 클라우드 기반 서비스입니다.

📂 local repository & remote repository

Git repository는 Remote Repository와 Local Repository 두 종류의 저장소를 제공합니다.

• React 프로젝트에 contribute을 하기 위해서는 먼저 React 원격 저장소를 내 원격 저장소로 가지고 오는 작업이 필요합니다.
  

• 이제 Fork 를 하고나 면 나의 Remote Repository에 React 코드를 옮겨온 상태입니다.
  이 코드를 수정하기 위해서는 내 컴퓨터로 가져오는 작업이 또 필요합니다.

  그 과정을 Clone 이라고 합니다. Remote Repository에 있는 코드를 Clone 해서 내 컴퓨터로 가지고 올 수 있어요.

• 내 컴퓨터에서 React 소스코드 변경 작업을 완료했습니다. 그렇다면 이 변경된 내용을 commit을 통해 저장해 준 뒤, Remote Repository에 반대로 올려주는 작업이 필요합니다.
  이 과정을 Push 라고 합니다. Local Repository에 기록해 놓은 commit을 Remote Repository로 업로드할 수 있습니다.

  이렇게 Push를 완료하고 나면 GitHub에는 Pull request라는 기능이 있어서, 내가 제안한 코드 변경사항에 대해 반영 여부를 요청할 수 있습니다.

• Remote Repository에서 변경 사항이 있을 때 Local Repository 로 가져오는 Pull 작업
  

👀 돌아보기

하루가 아주 빡빡하게 돌아갔다. 초반의 CLI는 어느 정도 적응이 되었으나 패키지와 node.js부터 헷갈렸다. npm은 과제를 제출하면서 확실히 사용 방법을 알게 되었다. 터미널 사용이 조금 더 익숙해져야 할 듯 싶다.