📝 오늘 한 것

1. 윈도우 셋업 - 우분투 / zsh, oh my zsh / powerlevel10k

2. 리눅스 디렉토리 / apt-get / PPA(personal package achive)

📚 배운 것

1. 우분투 커스터마이징

1) 윈도우 터미널의 defaultProfile 변경

우분투를 커스터마이징 하기 위해 윈도우 터미널 탭의 설정을 클릭한 후 화면 왼쪽에 있는 'json 파일 열기'를 누르면 VS code로 setting.json 파일이 열린다. 여기에서 defaultProfile의 값을 그 아래 Profiles의 Ubuntu guid의 값으로 수정한다. 이제 윈도우 터미널을 실행하면 기본적으로 우분투가 실행된다.

2) zsh / oh my zsh 설치

• zsh를 설치한다.
  ※ 관리자 권한으로 커맨드를 실행하기 위해 모든 커맨드 앞에 ( sudo ) 를 붙여야 한다.

sudo apt install zsh

• oh my zsh를 설치한다.

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

• 이제 새 탭을 열면 default shell이 oh my zsh로 변경된 것을 확인할 수 있다.
  이어서 바탕화면으로 와서(cd Desktop) code를 입력해 VS code 서버를 우분투에 설치한다.

cd Desktop
code

3) 윈도우 터미널 커스터마이징 - powerlevel10k 이용

Termianl Splash에서 원하는 테마를 골라 해당 code를 복사한 후 setting.json 파일의 schemes에 붙여넣기 한다. 그 후 profiles defaults에 "colorScheme": "선택한 테마 이름"을 추가하면 터미널이 커스터마이징 된다.

그러나 실제 선택한 테마와는 조금 차이가 있을 것이다. 이를 해결하기 위해 터미널에 아래 코드를 입력해 powerlevel10k를 설치한다.

sudo git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k

VS code에서 .zshrc 파일이 열린다. 이는 oh my zsh 터미널을 커스터마이징 하기 위한 파일이다. ZSH_THEME 부분을 ZSH_THEME="powerlevel10k/powerlevel10k"로 수정한다.

그 후 MesloLGS NF 폰트를 설치한 후 setting.json 파일의 profiles defaults에 "fontFace": "MesloLGS NF"를 추가한다.

윈도우 터미널을 종료했다가 다시 켜면 터미널에서 powerlevel10k configuration wizard가 실행된다. 원하는 대로 옵션을 선택하여 터미널 커스터마이징을 완료한다.

4) VS code 터미널 커스터마이징

강의대로 따라하다가 막히는 부분이 있어서 따로 검색했다.
강의대로 진행하진 않았지만, 다른 블로그를 참고해 VS code의 기본 터미널을 WSL로 설정했다.
VSCode 에서 Default Terminal을 WSL로 설정하는 법 참고 (Windows 10 + VSCode + WSL2 (Ubuntu 20.04) 환경 기준)

5) ls color 변경

윈도우 터미널 상단 탭 - 설정 - json 파일 열기 - setting.json 파일 - 맨 끝에 LS_COLORS="ow=01;36;40" && export LS_COLORS 입력

2. 우분투 이용하기

1) 리눅스 기본 명령어

ls (list directory)

해당 디렉토리의 파일 및 폴더 목록을 보여준다

cd (change directory)

해당 디렉토리의 위, 아래 폴더로 이동한다
Tab 키를 누르면, 현재 디렉토리에서 이동할 수 있는 폴더 목록을 보여준다

cf. 파일 또는 폴더 이름의 일부만 작성한 후 Tab 키를 누르면, 같은 문자열로 시작하는 파일 및 폴더 목록을 보여준다

touch new_file.js

파일을 생성한다

code new_file.js

VS code에서 파일 열기

2) 리눅스 디렉토리

• 🔓

  리눅스의 최상위 지점인 root 디렉토리
  여기서 ls를 입력하면, '리눅스와 관련된 폴더 및 파일들'이 나온다. (home, mnt 등)

• 🔓 /home

  리눅스 시스템의 홈 디렉토리
  여기서 ls를 입력하면, '리눅스 환경 사용자 이름 폴더'가 나온다.

• 🔓 /mnt

  mnt란 mount를 말한다. mount는 디스크와 같은 물리적인 장치를 리눅스 안의 특정 위치, 즉 디렉토리에 연결시켜주는 작업을 가리킨다.
  여기서 ls를 입력하면, '윈도우의 C 드라이브' 등이 나온다.

• 🔓 /mnt /c

  윈도우의 C 드라이브
  여기서 ls를 입력하면, '윈도우와 관련된 폴더 및 파일들'이 나온다.

• 🔓 /mnt /c /Users /사용자 이름 /Desktop

  '윈도우 환경 사용자 이름 폴더'로 온 후 Desktop으로 이동하여 아래와 같이 js 파일을 생성한다.

touch new_file.js // 💡 파일 생성
code new_file.js // 💡 VS code에서 파일 열기

리눅스 콘솔에서 윈도우 하드 드라이브 내에 새로운 파일을 만들었다.

💡 주의!

이처럼 리눅스에서는 윈도우에 있는 파일을 건드릴 수 있다.
그러나, 윈도우에서는 리눅스에 있는 파일을 건드리면 안 된다!

3) apt-get

※ (3), (4)번은 다음 강의 진행에 문제가 있을까봐 실제로 해보진 않았다.

(1) 패키지 설치

sudo apt-get install [설치할 패키지]

sudo 관리자 권한으로 실행
apt-get 패키지 인스톨러
install 설치

(2) 패키지 업그레이드

sudo apt-get upgrade

(3) 데이터베이스 목록 업데이트

어떤 프로그램들은 바로 install 명령어를 사용하는 것만으로 설치가 되지 않는다. 이는 apt가 해당 프로그램을 인지하지 못하기 때문이다. 이런 경우에는 apt가 그 프로그램을 인지할 수 있도록 apt가 검색 가능한 목록에 그 프로그램을 추가해야 한다.

nodeJS의 경우

curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -

• nodeJS라는 프로그램이 있다고 apt-get에 알려준다
  (NodeSource Node.js Binary Distributions 참고)

• 자동으로 apt-get update가 진행된다
  즉, apt가 검색할 수 있는, 프로그램 목록을 업데이트한다

sudo apt-get install -y nodejs

• 이제 apt가 nodeJS를 인지할 수 있으므로 이를 설치하도록 한다

(4) PPA(personal package archive)

이처럼 apt를 이용해 패키지를 다운로드 할 수 있다.
그러나, 우분투 공식 패키지 저장소에 찾는 패키지가 없는 경우에는
deadsnakes의 개인 패키지 저장소(PPA)를 추가할 필요가 있다.

sudo add-apt-repository ppa:deadsnakes/ppa

• apt에게 deadsnakes의 데이터베이스를 통해서도 패키지를 얻길 원한다고 알려준다.

sudo apt-get update

• apt는 업데이트를 통해 다운로드할 수 있는 새로운 패키지가 있음을 알게 된다.

sudo apt-get install python3.8

• 이제 apt가 deadsnakes의 PPA를 인지할 수 있으므로 그로부터 python3.8을 설치할 수 있다. (강의 기준 3.8버전)

✨ 내일 할 것

1. 강의 계속 듣기