CLI란?

CLI(Command Line Interface)

CLI(명령줄 인터페이스)는 디렉토리 생성 및 이동, 복사, 이름 변경, 삭제 등을 미리 약속된 명령어를 사용하여 실행하는 환경이다

운영체제(Window, MacOS 등)는 기본적으로 CLI를 제공하고 있다
Window는 CMD, MacOS나 Ubuntu의 경우 Terminal
만약 Windows와 Mac OS, Ubuntu에서 동일한 CLI 명령(Unix/Linux 명령어)을 사용하고자 한다면 Windows는 Git bash나 WSL(Windows Subsystem for Linux)을 사용할 수 있습니다.

CLI의 주요 명령어

1. 현재 작업중인 폴더 확인

pwd : print working directory

        현재 작업중인 폴더의 절대경로가 출력

2. 폴더 생성

mkdir : Make Directory의 약자

mkdir {디렉토리 이름}

• mkdir Frontend: 현재 폴더에 Frontend폴더를 생성

3. 디렉토리 이동

cd : change Directory의 약자

cd {디렉토리 경로}

• cd . - 현재 디렉토리 (생략 가능)
• cd .. - 상위 경로로 한 단계 이동
• cd ../.. - 상위 경로로 두 단계 이동
• cd ~/Desktop - 데스크탑 디렉토리로 바로 이동

4. 디렉토리 및 파일 목록 출력

ls : List Segments의 약자

ls {디렉토리 경로}{옵션}

• ls ~/Frontend/assets : Frontend/assets 폴더의 하위 폴더 목록을 출력
• ls -l ~/Frontend/assets : 폴더 목록을 출력할 때 사용 권한, 소유자, 그룹, 크기, 날짜 등 상세 정보를 함께 표시
• ls -a ~/Frontend/assets : 폴더 목록을 출력할 때 숨겨진 항목을 포함하여 모든 내용을 출력
• ls -al ~/Frontend/assets : 폴더 목록을 출력할 때 숨겨진 항목을 포함하여 사용 권한, 소유자, 그룹, 크기, 날짜 등 상세 정보를 함께 표시

5. 파일 생성

touch : 빈 파일을 생성할 경우

echo : 간단한 내용이 들어있는 파일을 생성할 경우

• $ touch index.html: 내용이 없는 빈 index.html파일 생성

• $ echo 'let me = "Frontend Developer"' > js/index.js

   js 폴더안에  `let me = "Frontend Developer"` 라는 코드가 삽입된  `index.js`파일 생성

6. 파일 내용 확인하기

cat : Concatenate의 약자

• cat js/index.js : index.js파일의 내용을 화면에 출력
• cat index.js app.js : index.js파일과 app.js파일 내용을 모두 화면에 출력

7. 파일/(비어있지 않은)디렉토리 삭제

rm : Remove의 약자

rm {제거할 파일/디렉토리 이름}

• rm index.html : index.html파일 삭제
• rm -r js : js폴더 내부 하위 디렉토리까지 모두 삭제
• $ rm -rf assets : assets폴더 안의 하위 디렉토리까지 모두 삭제하되, 경고를 나타내지 않음

8. 디렉토리 제거

rmdir : Remove Directory의 약자

rmdir {제거할 디렉토리 이름}

• $rmdir js: js 폴더 삭제

9. 파일/디렉토리 이동 및 이름 변경

mv : Move의 약자 (이미 존재하는 파일/디렉토리의 경우 이름 변경이 가능)

• mv index.html views/index.html: index.html 파일을 views폴더로 이동
• mv js/index.js js/app.js :js 폴더에 있는 index.js 파일명을 app.js로 변경

10. 파일/디렉토리 복사

cp : Copy의 약자

• cp index.html main.html:index.html파일을 동일한 폴더에 복사한 후 파일명을 main.html 로 변경
• cp index.html views/main.html :index.html파일을 views 폴더에 복사한 후 파일명을  main.html 로 변경