Linux / Git 기초

프롬프트(Prompt)

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

키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간을 프롬프트라고 한다.

리눅스 터미널 기본적인 명령어

리눅스 터미널에서 명령 실행하기

pwd : 현재 위치를 확인
mkdir : 새로운 폴더를 생성
ls : 폴더나 파일의 목록을 출력
open : 현재 폴더를 파일 탐색기로 열기
cd : 폴더에 진입
- . : 현재 폴더
- .. : 현재 폴더보다 앞에 있는 폴더
cat : 파일의 내용을 터미널에 출력
touch : 새로운 파일을 생성
rm : 폴더나 파일을 삭제
mv : 폴더나 파일의 위치를 이동하거나, 이름을 변경
- mv [폴더나 파일의 이름] [도착 폴더의 이름]
- mv [파일의 이름] [변경할 파일 이름]
cp : 폴더나 파일을 복사
- cp [원본 파일 이름] [복사할 파일 이름]
sudo : 관리자 권한을 이해
/ : 루트 디렉토리
~ : 홈 디렉토리

절대 경로 / 상대 경로

절대 경로의 시작이 루트 디렉토리( / )인 것을 이해할 수 있다.

: 절대 경로는 명령어 pwd로 확인할 수 있다

: 절대 경로는 기준점으로부터의 절대적인 위치를 나타내는데, 이 기준점을 루트폴더( / )라고 한다. 특정 폴더나 파일이 루트폴더로부터 어떤 폴더로 진입하는 경우 만날 수 있는지.

상대 경로의 시작이 현재 디렉토리( . )인 것을 이해할 수 있다.

: 상대 경로는 현재 위치로부터 상대적인 위치를 나타낸다.

: 상대 경로는 특정 폴더 또는 파일의 위치를 현재 위치를 기준점으로 나타내는데, 현재 위치한 폴더는 점( . ), 상위 폴더는 두 개의 점( .. )으로 표현.

: ls를 통해 확인되는 폴더나 파일은 상대 경로로써 ./ (= 현재 폴더 아래 라는 뜻)을 붙여 표현할 수 있다.

ls 명령어 설명 첨부

ls -l : 옵션 l은 폴더나 파일의 포맷을 전부 표현하라는 의미
ls -a : “all”의 함축어, 숨어있는 폴더나 파일을 포함한 모든 항목을 터미널에 출력
ls -la

cp : 폴더나 파일을 복사

*현재 위치는 ~를 대신해 /Users/[username] (macOS)로 나타남

cp [원본 파일 이름] [복사할 파일 이름]

cp -rf [원본 폴더 이름] [복사할 폴더 이름]

관리자(root) 권한

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

Linux 관리자의 특징은 어떤 일이 있어도 일반 사용자에게 관리자 권한(=루트 권한)을 완전하게 넘기지 않는다. 프로그램을 설치, 변경 또는 삭제할 수 있는 관리자 권한만 전달한다. 사용자와 관리자를 명확히 분리 → 사용자의 실수로 발생하는 시스템 에러로부터 운영체제를 보호한다.

루트폴더로 이동하여 명령어 mkdir을 이용해 폴더를 생성하면 “Read-only file system” 이라는 에러를 만나는데, 읽기전용이라는 말은 폴더나 파일을 생성, 변경, 삭제할 수 없다는 의미이다.

*현재 로그인된 사용자를 확인하는 명령어 : whoami

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

사용자가 새로운 프로그램을 설치하거나 변경 또는 삭제할 때에 사용자가 관리자 권한을 이요할 수 있는 명령어로 sudo를 사용한다.

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

명령어 ls -l 을 통해 특정 폴더나 파일이 사용자 또는 관리자의 소유로 생성되었는지 확인할 수 있다.

sudo mkdir [생성할 폴더명]

명령어 sudo를 이용해 생성한 폴더의 소유자는 루트이다. 사용자 권한이 아닌 관리자 권한으로 생성되었다는 뜻이다.

텍스트 에디터 nano 사용법

CLI의 유명한 에디터 vim(vi), 가장 쉬운 에디터 nano.

nano 실행

code hello.js # hello.js를 VS Code에서 열기.

nano hello.js # hello.js를 nano에서 열기.
nano # 그냥 실행하기

파일 열기

단축키 ^R (ctrl+R키)

**^T (ctrl+T키)**를 누른 후 화살표키를 이용해 파일 및 디렉토리를 탐색한 후 불러오기

1	nano 파일이름 # 터미널에서 파일을 지정해서 열기

파일 편집 후 종료

**^X (ctrl+X)**를 누르면 다음과 같은 프롬프트가 등장.

Save modified buffer (ANSWERING “No” WILL DESTROY CHANGES) ?

키보드의 Y와 N을 눌러서 저장 여부를 결정.

파일 저장

^0 WriteOut을 이용하면 해당 내용을 파일에 저장하는 단축키.

패키지와 패키지 매니저

[MacOS 패키지 매니저]

brew update
brew outdated
brew upgrade
brew info
brew install
brew list
brew uninstall

JavaScript 런타임(runtime)

⇒ 크롬, 사파리 같은 앱 브라우저

런타임?

: 프로그래밍 언어가 실행되는 환경

프로그래밍 언어가 구동되는 환경이다. 어떤 프로그램이 동작할 때, 프로그램이 동작하는 곳이다. 자바스크립트를 이용해 코드를 적었으면 코드가 실행되는 곳이 런타임이다.

Node.js

이전에는 JavaScript 런타임이 웹 브라우저 밖에 없었으나, node.js의 등장으로 브라우저가 아닌 곳에서 실행될 수 있게 되었다.

CLI에서 node <file name> 명령어를 입력 → 작성한 코드가 node.js 런타임으로 실행

nvm & node.js

nvm(Node Vesion Manager)을 이용하면 node.js의 다양한 버전을 설치, 사용할 수 있음

nvm 설치

GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

설치 확인

Untitled

nvm 설치 성공시 화면 → nvm -—version 명령어로 버전 확인

node.js 설치

1
2
3

nvm install --lts # 최신 버전 설치

node -v # 버전 확인

Node.js

nvm 사용법

# 설치된 버전
nvm ls 

# 특정 버전의 node 설치
nvm install 12.18.3

# 다른 버전으로 변경하여 사용
nvm use 버전넘버

npm 과 package.json

남이 만들어놓은 검증된 코드(모듈) ⇒ npm 모듈

npm 모듈 활용을 위해 모듈 정보를 담아둔 파일 ⇒ package.json

npm은 필요한 모듈을 다운로드할 수 있는, 모듈들이 모여있는 모듈 스토어이다.

macOS 패키지 매니저가 brew 이듯, node.js 생태계의 패키지 매니저는 npm 이다.

package.json

프로그램 실행을 위해 필요한 모듈들, 프로그램 실행 방법, 테스트 방법 등이 명시. 실제 모듈은 따로 node_modules 라는 폴더에 저장됨

프로젝트 코드를 전달시 npm install 명령어를 통해, package.json에서 필요하다고 하는 모듈을 다운로드 할 수 있다.

dependency(의존성 모듈)

프로그램 실행과 관계없이 개발을 위해 필요한 모듈. 개발이나 실행에 해당 모듈을 “의존”한다고 해서 “의존성 모듈”. 키에 적힌 것은 모듈 이름, 값은 버전이다.

devDependencies 에 프로젝트 개발하는 환경에서 필요한 모듈들이 무엇인지 적혀 있다.

# mocha는 테스트를 위해 필요한 모듈
npm install mocha --save-dev

# --save-dev 옵션과 함께 install 실행시 자동으로 devDependencies에 추가

dependencies 는 직접 실행과 관련 있는 모듈. 프로젝트가 돌아가기 위해 반드시 필요한 모듈들이 적혀있음. underscore, React 등…

{
  "dependencies": {
    "react": "^16.7.0",
		"react-dom": "^16.7.0"
  },
}

# react 라이브러리 사용
npm install react
npm install --save react

# --save 옵션과 함께 install 실행시 자동으로 dependencies에 추가
# --save 생략 가능

scripts 항목

CLI에서 사용가능한 명령을 기술(=npm script)

{
  "scripts": {
    "start": "node index.js",
    "test": "mocha test/index.test.js",
    "lint": "eslint",
    "submit": "codestates-submission"
  },
}

작업 내용	실행 스크립트
node.js 앱 실행	npm run start
테스트 실행	npm run test
코드 검사	npm run lint
과제 제출(프로그램시)	npm run submit