Hyun

깃에 올리는 방법은 간단합니다.

vsCode를 GitHub과 연동을 하셨다면 클릭 몇 번만 하시면 됩니다.

1. 깃탭으로 들어간다음 push 하고자 하는 파일에 있는 +버튼을 눌러줍니다. (스테이지 시키는 것입니다.)

2. 커밋 클릭 후 메시지 작성 후 엔터!

3. PUSH하기

위와 PUSH를 눌러주면 바로 GIT에 올라갈 거예요 ㅎㅎ

테마

1.Material Theme

- 전체적인 테마 설정 가능 ( 다크 모드, 라이트 모드.. 등?)

- ctrl + K , ctrl +T를 누르시면 됩니다. ( 그냥 ctrl 누른 상태로 k, t를 순서대로 누르세요 )

-그러면 위에 글씨 뜨는데 원하는 거로 변경하시면 됩니다.

2. Material Icon Theme

- 아이콘이 이뻐져요.  ( 말이 이쁜 것이지 구분이 잘 됩니다.)

코드 

자동 줄정렬

1. Beautify

- 블록별 공백으로 구분해줌.

- 키맵핑을 따로 해줘야 함 ( ctrl + k  , ctrl + s  그냥 ctrl 누르고 ks를 치세요)

    - 검색창에 HookyQR.beautify를 친다음, 더블클릭하신 다음 원하는 키로 맵핑시켜주세요

2. Prettier - Code formatter

- 개인적으로 더 맘에 드는 줄 정렬

-  open settings (Json)를 치신 다음,  가장 아래에 아래 코드를 삽입해주면 됩니다.

"editor.formatOnSave": true,
  "editor.showUnused": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"

- 위 코드를 삽입해주면, 이제 ctrl +s 즉 저장할 때마다 줄 정렬이 됨.

Beautify	Prettier - Code formatter

코드 구분

•  indent-rainbow

• 왼쪽 사진과 같이 앞에 색으로 구분해줘서 파이썬 등을 코딩할 때 너무좋아요!

자동 태그

• HTML 코딩시에 여는태그와 닫는 태그를 한번에 정리 할 수 있게 해줘요!

다음에 더 좋은 것들을 알게 되면 올려보겠습니다.

Prettier이 너무 좋은 거 같네요.. 저장도 안 까먹고, 줄 정렬도 ㅎ.ㅎ.

이번에는 vs Code와 git을 연동해보겠습니다.

깃 사이트 들어가기

위와 같이 VScode에서 클릭하셔서 들어가셔도 되고, git-scm.com/를 클릭하셔서 들어가셔도 됩니다.

들어가시면 오른쪽 사진과 같은 사이트가 들어가 지는데, Downloads 에 들어가신 후 본인에 맞는 운영체제에 맞는 설치파일을 선택 후 설치해주세요

그러시고, VS코드를 재 시작하시고 다시 깃 마크를 클릭해보시면 !!'

위와같이 변경이 되어있습니다 .!! 

만약 다른 깃 연동 프로그램을 사용하시지 않았었다면  git-scm.com/book/ko/v2/%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-Git-%EC%B5%9C%EC%B4%88-%EC%84%A4%EC%A0%95

위 사이트를 참고하시면 됩니다.! 

제 기억이 맞다면 

$ git config --global user.name "John Doe"
$ git config --global user.email johndoe@example.com

위와 같은 모양으로 로그인 메일 및 유저 아이디를 넣어주신다음 'vs 코드' 를 다시 키시면 연결이 되는 것으로 기억합니다!

만약 레포지토리를 clone하고 싶으시다면 , F1 혹은 ctrl + shift + p 를 누르시면 위에 검색같은것이 나옵니다.

거게에 Git:clone 을 치시고 클릭을 하신다면 허가를 해달라고 할 것 입니다. 

이렇게 말이죠 ( 저는 크롬으로 나왔습니다. ) continue를 누르셔서 진행을 해주세요

이제 진짜 허가를 해달라는 창이 뜹니다. 이제 허가를 해주죠

성공을 하셨습니다. 이제 clone을 하시면 됩니다.

다시 vs코드로 돌아가시면

위와같이 매우편하게 클릭하실 수 있게 됩니다.

그렇게 원하시는 폴더를 지정하시면,  clone이 되고, 이제 그 폴더를 열어보시면 잘 불러와 질 것입니다.!!

저는 저렇게 하면 됬습니다. 혹시 하시다가 안 되시는 부분이 있다면. 물어봐주셔도 괜찮은데.. 저도 잘 몰라서 잘 대답을 해 드릴 수 있을지 모르겠습니다 .ㅠㅠ