cozy coding

+ 비주얼 스튜디오 코드 (Visual Studio Code)로 README.md 마크다운 문서를 만들어서 업로드한 프로젝트 설명하기

• 마크다운 문서 편집 형식

• 제목 표시 : #, ##, ###

• 가로줄: ***

• 글머리: +

• 코드: ``` code ```

• 링크: [링크명] (링크주소)

• 인터넷 이미지: ![Alt text] (이미지 주소) 

• 이미지 파일: ![Alt text] (이미지폴더/이미지이름.확장자)

• 비주얼 스튜디오 코드에서 깃허브에 README.md 파일 업로드하기

• 왼쪽 소스 제어 탭에서 커밋 (체크표시 아이콘) 클릭, 메시지 쓰고 엔터

  

• 더보기 탭에서 푸시 클릭

• 깃허브에 올리는 폴더에 깃허브 주소가 연동되어 있어야 함.

• 깃허브에 README.md 파일 확인

<git 삭제>

• github 접속 후 Repository 들어가서 Settings- Delete this repository

• git 삭제하려는 폴더에서 마우스 우클릭-git Bash Here 

• $ rm -rf .git

• master가 사라졌으니 git이 사라진 것

<폴더에 새 파일이 생겼을때 github에 올리기>

+

학원에서 듣고 있는 SQL 강의 같은 경우 바탕화면에 폴더를 지정해서 파일을 하나씩 저장 하고 있다.

수업을 듣고 파일 하나가 새로 생길때 어떻게 github에 업로드할까?

• 파일을 저장하고 수업이 끝나면 바탕화면 SQL 폴더에서 git bash here 

• git status에서 빨간색으로 처리된 파일 확인

• git add .

• git commit -m "커밋 설명"

• git push 하면 됨 (처음처럼 remote add origin 이런거 안해도됨)

• Viual Sudio Code에서 README.md 파일수정

<git이란? 버전 관리 시스템>

• 버전 관리 시스템: 파일의 변화를 시간에 따라 기록하여 과거 특정 시점의 버전을 다시 불러올 수 있는 시스템이다.

• 변경사항을 지속적으로 추적, 파일들의 스냅샷으로 만들어 저장

• commit 명령을 통해 원하는 순간의 스냅샷을 만듦.

• 스냅샷을 통해 이전의 버전들을 쉽게 가져오기.

• ommit 이전의 파일들을 stage 상태로 만듦

• Git 다운로드

https://git-scm.com/download/win

• Visual Studio Code 다운로드

https://code.visualstudio.com/docs/?dv=win

extension-korean 검색하여 패키지 설치

메뉴가 한국어로 나옴

<git 명령어로 실행>

• git 설치 후 git Bash 창이 뜸

• 바탕화면에 새폴더 만들기-git

• git 폴더 내에 myApp 폴더 만들기 (git hub에 올릴 프로젝트들을 관리할 폴더) -마우스 우클릭 Git Bash Here 클릭

• git이 제대로 설치되었는지 확인 (git --version)

• user.name에 내 이름을 영문으로 지정, user.email에 내가 쓰는 이메일 쓰고 엔터 (git hub 이메일과 동일)

• code . (code 뒤에 스페이스바 치고 온점) 를 엔터하면 Visual Studio Code 창이 팝업됨

• myApp폴더에서 Alt-숨김 항목 표시를 하면 .git 폴더가 생긴 것을 볼 수 있음

• Visual Studio Code에서 myApp 폴더를 열고 index.html과 app.js 생성 (myApp폴더 안에서 직접 새로만들기-텍스트 파일 해서 만들어도 됨)

• !를 누르면 자동완성. title 사이에 깃연습, body 사이에 깃 시작하기를 적고 Ctrl+S로 저장.

• git에서 명령어 git init을 타이핑하고 엔터치면 myApp폴더가 master가 됨

  

• git status로 myApp폴더 상태 확인. app.js와 index.html, myApp폴더에서 직접 만든 index.html 파일 세 개가 생긴 것을 알 수 있음.

• 깃에 추가하기 위해 git add .을 누르고 엔터

• git status 후 git commit -m "최초커밋"이라고 메시지

• 최초 커밋 후에 index.html의 내용을 수정해보기

• index.html이 수정이 되었는데 add가 안되어서 빨갛게 표시됨

  

• git add . 후 git status 확인. 초록색으로 바뀜. commit -m "index.html수정"

<github 사용법>

• 깃허브(github): 깃을 사용하는 온라인 저장소. 깃허브에 프로젝트 올려보기

• github.com에서 로그인하고 New repository 클릭

• myApp은 로컬 저장소. 얘를 온라인 저장소로 올리는 것을 github이 해준다.

• github에서 제공하는 온라인 저장소의 주소는 다음과 같다.

• remote 저장소(깃헙)를 origin이란 이름으로 저장

• git remote add origin https://github.com/kkj0712/myApp.git

• github저장소로 주소를 넣어줌

• git push -u origin master

• 깃허브 로그인 창이 팝업되고 로그인 한다.

• 깃허브에 파일들이 올라갔다.

• index.html 파일을 깃 허브에 올린 후에 수정한다면?

• git add . / git commit -m "github에 올린 후 index.html, app.js 수정" 이라 코멘트를 적어줌 / git push 차례대로 엔터

• 무슨 프로젝트인지 다른 사람들이 알 수 있도록 Readme 파일 만들어야 한다.

• Visual Studio Code에서 README.md(마크다운) 이름의 새 파일 만들기

  

• git add . / git commit -m "README 추가" / git push 차례대로 엔터

  

• README.md 가 변경된 것을 볼 수 있다.