TIL

🗓 오늘 한 일

1. CLI 기본 개념 및 사용법
2. apt / wget 설치
3. nvm & node.js 설치
4. npm & package.json 설치
5. Git 설치

✏️ CLI(Command Line Interface)란 무엇인가?

CLI(Command Line Interface)는 명령어 인터페이스라고 하며 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻합니다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며 컴퓨터로부터의 출력 역시 문자열의 형태로 주어집니다.

요즘의 대부분의 운영체제는 윈도우 창을 보며 대부분 마우스로 작업하는 GUI(Grapgic User Interface)그래픽 유저 인터페이스를 지원합니다. 하지만 여전히 많은 부분에서 CLI(Comand Line Interface)를 많이 사용하는데 윈도우의 CMD창과 MacOS의 Terminal창이 CLI를 제공하는 프로그램입니다..

✏️ CLI 작동방식

CLI는 입력과 출력으로 구성되어 있는데 이런 입출력이 가능하게 해주는 소프트웨어를 터미널이라고 합니다.
사용자가 입력한 명령어를 해석해주는 소프트웨어를 셸(shell)이라고 합니다.
Window에서는 ‘>’ MacOS, Linux에서는 ‘$’의 형태로 표시하며 사용자의 명령을 기다리는 Command Prompt(명령프롬프트)가 존재합니다.

📌 git 명령어 정리

최초 설정]

• git config --global user.name 계정명
• git 계정명 등록
  git config --global user.email 이메일
• git 이메일 등록
  git config --list
• git 설정정보 조회
  git config --global core.editor 에디터
• git editor 변경
• vi로 변경 > git config --global core.editor vi
• vscode로 변경 > git config --global core.editor "code --wait"
  p.s.) vscode를 설치했을 경우 code . 명령어로 vscode 실행 가능
  git config --global -e
• git config에 설정한 editor로 config 파일 열기
  p.s.) vscode를 diff tool OR merge tool로 이용하고 싶을 경우 config에 추가
  git config --global alias.줄일명령어 원본명령어
• 명령어 alias 등록
  e.g.) git config --global alias.sts status == git sts

[기본]

• git init
• 현재 디렉토리를 git local repository[Working Directory]로 지정(생성)
• ls -al 명령어로 .git 숨김파일 생성 확인
• rm -rf .git 명령어로 local repository 삭제
  git status
• 파일 상태 확인(staged, untracked, ..)
  git add 파일명
• 해당 파일을 [Staging Area]로 이동(tracking)
  git add .
  -현재 폴더의 전체 파일을 이동
  git commit
• [Staging Area]에 있는 파일을 원격저장소[Repository]로 커밋
• 옵션없이 해당 명령어만 입력할 경우 editor 호출
  git commit -m "커밋메세지"
• editor 호출없이 바로 커밋
  git commit -am "커밋메세지"
• [Staging Area]에 올림과 동시에 커밋(= git add .+ git commit -m "커밋메세지")
• 단, 1번이라도 커밋된 대상만 사용 가능
  git diff
• local repository[Working Directory]와 [Staging Area]의 차이를 보여줌
  git log
• commit 로그 확인

[브랜치]

• git branch
• 브랜치 목록 조회(현재 속한 브랜치는 앞에 *가 붙음)
  git branch 브랜치명
• 브랜치명으로 브랜치 생성
• 단, main 브랜치에 1번 이상 commit 해야함
  git branch checkout 브랜치명
• 해당 브랜치로 local repository[Working Directory] 변경
  git branch -b 브랜치명
• 브랜치 생성 후 checkout(= git branch 브랜치명 + git branch checkout 브랜치명)
  git branch -d 브랜치명
• 브랜치명 브랜치 삭제
  git branch merge 브랜치명
• 현재 checkout된 브랜치로 브랜치명의 브랜치 합침

[깃허브]

• git remote
• git 원격저장소[Repository] 목록 확인
  git remote -v
• git 원격저장소 이름과 url 목록 확인
  git remote add 저장소이름 저장소URL
• 저장소URL의 원격저장소를 저장소이름으로 추가
  git remote rm 저장소이름
• 저장소이름의 원격저장소 제거
  git pull
• 원격저장소[Repository]의 내용을 가져와서(fetch) local repository[Working Directory]에 합침(merge)
  git push
• 원격저장소[Repository]에 local repository[Working Directory]의 commit 내용을 올림
  git push -u 원격저장소명 로컬브랜치명
• 로컬브랜치명의 commit 내용을 원격저장소로 올림
• -u 옵션을 사용할 경우 해당 원격저장소와 브랜치가 default로 지정되어 git push 명령어만 입력 가능
  git fetch
• 원격저장소[Repository]의 내용을 local repository[Working Directory]로 가져옴
• git checkout 원격저장소명/로컬브랜치명 OR git checkout FETCH_HEAD =가져온 fetch 내용 확인
  git clone 저장소URL
• 저장소URL의 원격저장소를 복사하여 추가(remote add 명령 필요없음)

📗 짝수 생성기

Bare Minimum Requirements

• node.js 프로그램인 index.js를 실행시켜서 CLI에서 결과를 확인하세요.
• range 모듈을 설치하고, 사용법을 알아보세요.
  짝수를 생성하는 getListMultiplesOfTwo 함수를 range 모듈을 이용해서 작성하세요.
• npm run test 스크립트를 통해 제대로 작성했는지 테스트할 수 있습니다. 테스트 케이스를 전부 통과해야 합니다.
• npm run start 스크립트를 통해 index.js 파일이 실행되도록 만드세요.
• npm run test 스크립트를 통해 제대로 작성했는지 테스트할 수 있습니다. 테스트 케이스를 전부 통과해야 합니다.
• npm run submit 스크립트를 통해 과제를 제출하세요.

package.json 파일에 start 스크립트 부분이 ''빈 문자열 인데 이부분을 node index.js로 수정 해주면 다음과 같이 과제가 충족하는 조건을 다 통과 하였다고 뜬다.

🌈 회고

한 단계 한단계 설치하면서 이런게 실제 이루어는 지는 건지 의문이 들고 못보던게 정말 많았다. 왜 이렇게 복잡하게 다가가야하는 건지 아님 git 익숙하지 않아서 그런건지 오늘 그래도 무사히 에러없이 잘 스무스하게 잘 넘어갔고 페어분과도 서로 알고 있는지 지식 공유해가며 오늘 마무리를 잘 헤나가것 같다.