[TIL-012] 20.08.04

1. Summary(3 Line)

프리코스 7일차(3줄 요약)

- CLI랑 Git 기본적인 명령어에다가 추가적으로 더 공부해야겠다.

- JavaScriptKoans 재밌어~

- 모각코는 확실히 코딩하는데 있어서 동기부여가 된다. 

 

---

2. Today's Todo

 

• 개발자 도구 설치(VS Code,  Git)
• Command Line
• Git
• JavaScriptKoans

 

 

 

#1 개발자 도구 설치(VS Code Tip, Git)

1. VS Code Tip (확장프로그램 설치)

Extensions (Ctrl + Shift + X) 

1. open in browser (vs code로 브라우저를 열 수 있음)

2. Korean Language Pack for Visual Studio Code (한글 패치)

3. Git History (Git으로 관리되는 프로젝트의 branch, commit 등을 편리하게 확인)

4. Active File In StatusBar (현재 활성 파일의 경로를 하단 상태 막대(bar)에 표시)

5. Material Theme (UI와 아이콘을 사용하여 커스터마이징)

6. Bracket Pair Colorizer (짝이 되는 괄호끼리 색을 칠해, 가독성 높임)

7. Live Server (자신이 만들고 있는 페이지를 열어주고, 라이브로 갱신시켜 보여줌)

8. Live Share (실시간으로 코드를 공유, 써봐야 알겠지만 좋은 확장프로그램인듯)

9. Python (django의 기반이 되는 언어, 이머시브 가면 배우려나?...)

10. Settings Sync (git을 활용하여, 현재 에디터 설정을 (업로드 / 다운로드) 대신 초기 설정이 복잡)

11. ESLint (자바스크립트 문법 및 코드 스타일을 검사해준다)

 

 

2. Git (설치)

1) window

'Git for Windows' 구글 검색   ☞   다운로드 후 설치시 Use Visual Studio Code as Git's default editor 

2) ubuntu

터미널(Ctrl + Alt + T) 열기  ☞ sudo apt install git    ☞   설치(버전)확인 git --version

3) macOs

터미널 실행    ☞   git    ☞  설치(버전)확인 git --version

 

 

#2 Command Line

* 기본 unix / linux 명령어 

1. ls (파일 보기)

2. cd (디렉토리 이동)

   1) cd ~ (홈 디렉토리)

   2) cd / (루트 디렉토리)

3. mkdir (디렉토리 생성)

4. rm (디렉토리 삭제)

5. pwd (현재 디렉토리 확인)

6. touch (빈 디렉토리 생성)

7. cat (텍스트 형태의 파일 확인)

8. mv (파일 or 디렉토리 이동)

9. cp (파일 복사)

 

* 권한 unix / linux 명령어

1. sudo (현재 계정에서 root 권한을 이용하여 명령어를 실행 할 때 사용)

2. chown (파일 및 디렉토리의 소유권 변경 명령어)

 

CLI(Command Line Interface)

 

#3 Git

 

1. 기존 Repository 삭제 하기

2. https://github.com/codestates/PRE-JavaScriptKoans

오른쪽 상단에 Fork 누르면 내 Repository로 가져옴

3. https://github.com/ieb6721/PRE-JavaScriptKoans Code를 눌러서 url 주소를 복사한다.

4. 터미널(Ctrl + Alt + T)를 열어서 cd 바탕화면 or cd Desktop (터미널 실행 주소를 바탕화면으로 이동)

5. mkdir codestates (바탕화면에 'codestates' 라는 폴더 생성)

6. cd codestates (바탕화면에 'codestates' 폴더 안에 들어감)

7. git clone https://github.com/ieb6721/PRE-JavaScriptKoans.git

(내 Repository안에 있는 자료들을 url주소를 이용해 'codestates' 폴더 안에 복제(clone) 

8. git (hub 아이디 / 비밀번호) 입력하면 다운을 받는다.

9. ls

10. cd PRE-JavaScriptKoans

11. code . (해당 폴더(JavaScriptKoans)를 비주얼 스튜디오로 열어줌)

 

#4 JavaScriptKoans