Window 10 개발자 셋업

#노마드코더

처음 Window10을 설치하고 아무것도 없는 것을 기준으로 작성

우선 윈도우를 가장 최신 버전으로 업데이틀 해준다

 

구글 그롬 설치---->개발자한테 가장 좋은 브라우저임 ㅇㅇ

VSCode 설치--->그냥 무조건 제일 좋은 에디터임 ㅇ깃 설치-->

VScode커스터마이징--->preitter,material Theme,,material Theme Icons,설치

 

Windows Subsystem for Linux(WSL)을 배워보자

리눅스에 매번 갈 필요 없이 원도우를 사용하면서 개발 환경을 꾸릴 수 있는 방법.

 

#chocolatey설치 //윈도우에 뭔가를 설치를 할때 도와준다.

우측 상단에 install클릭 후

복사 하여

 

 

Windows PowerShell를 관리자 권한으로 실행 후 위에 복사한 커맨드를 붙여넣고 enter

 

이후 Window PowerShell을 껏다 킨다.

 

잘 설치 된지 확인하기 위해 choco를 입력

다시 chocolately.org로 돌아가서 find package클린

오른쪽 하단 동의버튼 클린

해당 커맨드를 복사하여 다시 Window PowerShell에 복붙사여 다운로드가능

위 방식으로 대부분 설치를 상당히 편하게 할 수 있다. 파이썬과 WinRAR를 설치하였다.

 

chocolatey를 사용하여 윈도우에서 편하게 설치를 할 수 있지만 그래도 대부분 리눅스로 하는게 좋고 그렇게 될 예정 ㅇㅇ

 

terminal를 설치 하고 이제 는 powershell를 안쓸것이다 ㅇㅇ

윈도우 터미널이 커스터마이징도 되고 더 이쁨 ㅇㅇ ㅅㄱ

짜잔 막 설치한 윈도우 터미널임 ㅇㅇ 커맨드도 당연히 되고

이렇게 명령어로 바로 vscode에서 해당 파일을 열수도 있다

 

윈도우 공식 문서에 들어가서

 

다운로드 커맨드를 찾아 복붙하여 관리자실행으로 터미널에 복붙하여 설치해준다

자동으로 필요한 선택적 구성 요소를 사용하도록 설정하고, 최신 Linux 커널을 다운로드하고, WSL 2를 기본값으로 설정하고, Linux 배포판 (기본적으로 Ubuntu이며, 변경 방법은 아래 참조) 을 설치합니다

이후 마이크로소프트 스토어에서 ubuntu를 설치 후 재부팅

 

재부팅 이후 Installing, this may take a few minutes가 뜨고 5분정도 기다리면 밑에 리늑수계정을 만들라고 한다.

 

이후 닉네임고 비밀번호를 입력하여 생성하면 끝

그러면 이제 리눅스를 윈도우 환경에서 사용이 가능하다.

 

 

 

이제 리눅스 쉘을 커스터마이징 할거임 ㅇㅇ

 

 

윈도우 터미널에서 설정을 누르면 VSCode가 뜰것이다 하지만 난 안떴다

그 해결책으로 shift를 누른 상태로 설정을 누르면 VScode가 잘 뜬다.

이후 61번 라인의 이름을Ubuntu에서 WSL2로 바꿔줘서 기본 터미널창에서 WSL2가 나오게 한다

 

위에서 막바꾼 WSL2의 ID를 따와서 상단에 defaultProfile에 넣어줘서 기본 터미널 창을 WSL2로 바꿔준다.

이후 새로운 터미널을 다시 다운을 받아서 그 위에 올릴것이다

 

 

구글에 oh my zsh를 검색하여 깃허브 링크를 클릭하여 

#Ubuntu콜솔위에서 실행을 시켜야한다.

via curl부분 커맨드를 복사 하여 붙여넣어 준다

하지만 zsh를 먼저 다운 받으라고 하여서 apt install zsh를 먼저 설치해준다.

하지만 또 권한이 없어서 안되다는 뉘양스의 에러가 뜬다 

그 이유로 리눅스는 크게 두가지 유저 타입이 있는데 하나는 디폴트로 되어있는 닉네임(moca)이고

다른 하나는 superadmin이다.즉 관리자 root이다.

이건 파일 시스템을 바꾸거나 기타 안전하지 않은 작업을 하는 권한을 가지고 있음

 

root권한으로 명령어를 하려면 앞에 sudo를 붙이면 된다. 

그러면 비밀번호를 치고 Y동의를 눌러주면 설치된다.야미~~

 

이후 다시 via curl 부분 커맨드(sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)")를 입력

그러면 다시 비번을 입력하면 설치가 된다 

 

이후 터미널을 다시 껐다가 키면 zsh로 커스터마징된 터미널로 뜬다

하지만 시작 디렉토기가 어딘지 모르는 ~라고 뜬다.

그래서 설정 좌측 하단의 Wsl2에 들어가서  시작 디렉 토리 설정을 해준다

주로 window사용자 명으로 하지만 나는 c드라이브에서 주로 코딩 폴더를 관리 할것이기 때문에 c로 바꿔줌

리눅스 환경에서도 위 윈도우 파워셀처럼 바로 vscode가 열린다

 

이후 폰트나 터미널 컬러를 바꿀수 있지만 기본 zsh터미널이 심플하니 이뻐서 그대루 둠 ㅇㅇ

 

이제 wsl리눅스 콘솔과 친해보는 시간을 가져보자

 

ls는 디렉토리의 목록을 보여준다.

clear는 터미널 화면을 지워준다.

cd ..은 상위폴더로 이동을 한다.

touch명령어를 사용하여 파일을 생성할 수 있다.

cd ..를 최상위 폴더 까지 한뒤  ls를 하면 밑의 폴더들이 나오는데 이것들은 모두 리눅스 관련 폴더이다.

 

 

이 밑으로는 블로그 글을 썼던것이 다 날라가서 축약적으로 대충씀 ㅇㅇ

 

 

mnt폴더는 리눅스에서 윈도우 세계로 가는 통로 역활을 한다.

 

리눅스에서 윈도울 파일을 자유롭게 만질 수 있지만 윈도우에서 리눅스 파일을 만지면

이런 저런게 망가질 가능성이 꽤나 높아서 지양지양하는게 좋다.

 

또한 리눅스 콘솔로도 원도우에 있는 파일을 VScode로 열수가 있다.

 

또한 해당 폴더에서 tab키를 누르면 그 폴더 내에 있는 폴더들을 볼수가 있다,

또한 초기 문자 몇 개만 저고 tab을 누르면 자동 완성이 된다.

 

우분투 환경에서는 더블클릭하여 파일을 만들고 들어가는 일은 정말 드물다.

모든것을 콘솔에서 명령어로 처리를 한다.

주로 apt-get를 사용하며 이것은 패키지들의 인스톨러이다.

 

또한 sudo 를 앞에 붙여서 명령어를 사용하면 관리자 권한으로 실행을 한다

 

 

sudo apt-get install nodejs를 다운받을고 한다.

하지만 nodejs를 다운받을 수 있는 소스를 찾을 수 없다고 뜬다.

그 이유는 apt-get이 nodejs라고 하는것이 존재하는지 인지하지못하기 때문이다.

무언가를 설치 할떄는 구글에 검색을 하여 공식문서를 보는것이 최고이다.

컨퍼런스 EX)node js install ubuntu

 

 

 

 

위 installaion instructions을 클릭하면 node js위 버전이 20220801 기준으로 14,16,18이 뜬다.

 

우리는 우분투에서 사용을 하므로 curl명령어를 복사함 ㅇㅇ

 

첫번 째 줄에서 node.js를 설치하려먼 sudo apt-get install -y node.js 커맨드를 치라고한다 ㅇㅇ 쳐줌 ㅇㅇ

위 커맨드를 통해     node,js버전을 확인

 

 

이제 파이썬을 설치하고 업데이트 할거임

그 방법으로 deadsnakes를 사용할것이다. 우분투를 위한 파이썬을 제공해준다.

구글에 deadsnakes를 검색후 github링크로 들어가서

아래 http를 클릭

 

이후 Read about installing 링클를 클린한다.

 

먼저 해야할것은 apt-get에 새로운ppa를 추가해야한다.

apt는 우리가 패키지를 다운로드 할 수 있도록 해주고 패지키의 데이터베이스에서 필요한걸 찾는다.

그 데이터베이스에 우리가 원하는 패키지가 없을 때도 있고 ㅇㅇ

그래서 우리는 다른 누군가의 데이터베이스를 추가할 필요가 있다. 그게를 앞으로 할 것임

 

이제 deadsnakes의 개인 패키지 저장소(persnal package archive,즉 PPA)를 추가 할 것이다,

 

이제 터미널을 열고

sudo add-apt-repository ppa:deadsnakes/ppa

 를 입력한다.

deadsnakes의 데이터베이스를 통해서도 패키지를 얻기를 원한다고 알려주는것이다

이후

sudo apt update

를 해준다. 이 과정에서 apt는 오우 씟 여기 다운로드 할수 있는 새로운 패키지가 있넴 ㅇㅅㅇ 하고 깨달음

이렇게 이제 deadsnakes도 갖게됬다잉

 

이걸 눌러서 밑에 내려서 다운받을 파이썬 버전을 선택

 

이제 터미널에 sudo apt-get install python3.8 를 친다.

짜잔 설치 완료

 

이젠 prettier를  VSCode에 설치하고 설정을 할거임 ㅇㅇ

윈도우에는 설치가 되어있지만 우분투에 설치해줘야함

vscode좌측 하단에 보면 우리는 우분투에서 코딩을 하고 있는 것을 알 수 있다.

 

이제 좌측 하단의 설정을 눌러서  사용자/원격[WSL:Ubuntu] 부분을 클릭 한 후 editor:format on Save를 검색하고 체크해줌

VSCODE에서 ;를 뺴고 코딩 한후 저장을 해보면 자동으로 ;가 붙는 것을 확인 할 수 있다.

 

리눅스 상에서 된느것 도 있고 안된느 것도 있는데 그중 하나가 MongoDB이다.

 

mkdir 명령어는 새로운 디렉토리 즉 파일을 만들어준다.

이렇게 만든것을 확인할 수 있다

mv는 파일을 이동시키는 명령어 이다.

이렇게 이름 변경 가능

 

 

rm으로 파일을 삭제할 수 있고 rm -rf로 폴더를 삭제할 수 있다.

 

이제 깃허브 CLI를 설치 할 것이다.

 

콘솔에서 레퍼지토리를 생성하고 삭제하고 푸쉬 클론 등등을 할 수 있다.

 

 

위 깃허브에서    cli.github.com   

설치를 할 수 있다. 윈도우에서 말고 우분투에서 설치를 해볼려고한다.

 

$ curl -fsSL https://cli.github.com/packages/githubcli-archive-keyring.gpg | sudo dd of=/usr/share/keyrings/githubcli-archive-keyring.gpg

$ sudo chmod go+r /usr/share/keyrings/githubcli-archive-keyring.gpg

$ echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/githubcli-archive-keyring.gpg] https://cli.github.com/packages stable main" | sudo tee /etc/apt/sources.list.d/github-cli.list > /dev/null

$ sudo apt update

$ sudo apt install gh

 

위 커맨드들을 차례대로 입력하여 설치를 한다.

 

다른 버전의node.js를 사용하기 위해 좋은 방법 중 하나는 nvm을 사용하는 것이다.

현재는 딱히 필요 없는 것 같아서 다음에 해보면 좋을 것 같다.