오늘 수업은 슬비쌤이 강의를 진행해주셨다.
저번 프론트엔드 스쿨 설명회 때 잠깐 봽고 오랜만에 보니 반가웠당🤭
- VS Code, nvm, Git 설치 및 오류 해결
- Git 최초 설정 및 VS Code 최초 설정
- Git - CLI로 컴퓨터와 의사소통하는 방법
Git을 설치하고 나면 Git의 사용 환경을 적절하게 설정한다.
환경 설정은 한 컴퓨터에서 한 번만 하면 되고 설정한 내용은 Git을 업그레이드해도 유지된다.
나는 이미 설정이 거의 다 되어 있어서 수업 초반에는 할게 없었다 🥲
# Git 사용자 ID
git config --global user.name "본인닉네임"
# Git 사용자 Email
git config --global user.email 본인이메일
# Git Default Editor 설정 (Visual Studio Code)
git config --global core.editor "code --wait"
# windows와 Mac OS의 공백문자(줄바꿈) (Carriage return, Lind Feed)
# Windows 환경
git config --global core.autocrlf true
# Mac OS 환경
git config --global core.autocrlf input
또한 언제든지 설정 값을 'git config’라는 도구로 확인하고 변경할 수 있습니다.
코딩하고 깃에 커밋할 때
# Git Confing 설정 확인하기
# 터미널에서 확인
git config --list
# 기본 에디터에서 확인
git config --global -e
수업의 대부분은 얄코의 제대로 파는 Git & GitHub 수업을 들어서 알고 있던 내용이었다.
하지만 CLI를 사용하여 파일을 컨트롤 하는 부분에서는 배운 점이 많았다!!
CLI(명령줄 인터페이스)는 디렉토리 생성 및 이동, 복사, 이름 변경, 삭제 등을 미리 약속된 명령어를 사용하여 실행하는 환경
정처기 공부할 때 솔직히 '이런걸 평소에 잘 쓰나?' 라고 안일하게 생각했었는데 명령어들을 직접 사용해보니 직접 GUI 방식을 사용해서 하는 것 보다 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
로 변경강사님도 친절하시고 운영진분들도 유쾌하고 친절하셔서 너무 좋다!
그리고 같이 수업 듣는 동기분들도 서로서로 모르는 부분은 잘 도와주시고 착하신 것 같아서 앞으로 활동도 기대된다 :)