step 1

명령어

초기화: git init

추적 시작: git add .

버전 생성: git commit -m 'README.md 생성'

github 원격저장소 연결: git remote add origin '생성된 github프로젝트 저장소'

원격저장소에 올리기: git push origin master

확인

마크다운 파일 형식: *.md

github에서 확인

장점

• 문법이 쉽고 간결하다.
• 관리가 쉽다.
• 지원 가능한 플랫폼과 프로그램이 다양하다

단점

• 표준이 없다
• 모든 HTML 마크업을 대신하지 못한다

github에서는 README.md라고 지정해야 한다

VSCode에서 확인 (우측상단에 미리보기 클릭)

#의 갯수에 따라서 글자 크기가 달라진다(띄어쓰기 중요!)

문장입력(줄바꿈 방법)

띄어쓰기 두번(space 2번), <br/>태그 입력

문장 강조 방법

# 강조
_이텔릭_  
**두껍게**  
**_이텔릭 + 두껍게_**  
~~취소선~~  
<u>밑줄</u>

목록 표시하는 방법

# 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서가 필요한 목록 (들여쓰기)
    1. 순서가 필요한 목록
1. 순서가 필요한 목록

- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록

링크 문장

# 링크
<a href="https://google.com">GOOGLE</a>

[GOOGLE](http://google.com)

<a href="https://naver.com" title="NAVER로 이동!">NAVER</a>

[NAVER](https://naver.com "NAVER로 이동!")

<a href="https://naver.com" title="NAVER로 이동!" target = "_blank">
NAVER 새 탭에서 열기</a>

이미지 가져오기(3번째줄 링크 연결)

![]()
![NAVER](https://littledeep.com/wp-content/uploads/2020/09/naver-icon-style.png)
[![NAVER](https://littledeep.com/wp-content/uploads/2020/09/naver-icon-style.png)](https://naver.com)

인용문 쓰기

# 인용문
> 남의말이나 글에서 직접 또는 간접으로 따온 문장.
> (네이버 국어 사전)

> 인용문을 작성하세요!
>> 중접된 인용문
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3

인라인 코드 강조 효과

# 인라인 코드 강조(백틱 기호 사용)

CSS에서 `background` 혹은 `backgroud-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.

블록 코드 강조

# 블록 코드 강조
```html
<a href="https://www.google.com">GOOGLE</a>
```

```css
.list > li {
    position: absolute;
}
```

```javascript
function func(){
    var a = 'AAA';
}
```

```bash
$ git commit -m 'Study Markdown'
```

```plaintext
동해물과 백두산이 마르고 닳도록  
하느님이 보우하사 우리나라 만세
```

표 생성

# 표(Table)

position 속성

값 | 의미 | 기본값
-- | :--: | --:
왼쪽정렬 | 가운데 정렬 | 오른쪽 정렬
static | 기준 없음 | O
relative | 요소 자신 | X
absolute | 위치 상 부모 요소 | X
fixed | 뷰포트 | X

원시 HTML 사용(Raw HTML)

-> 마크다운 지원 기능으로만으로 처리가 불가능할 때 사용

# 원시 HTML
동해물과 <span style="text-decoration: underline;">백두산</span>이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세

<a href = "https://naver.com" title = "Naver로 이동" target="_blank">naver</a>

<img width="70" src = "https://littledeep.com/wp-content/uploads/2020/09/naver-icon-style.png" alt = "naver">

수평선 사용

# 수평선

---
ㅁㅁ
***
ㄱㄱ
___

원격 저장소 내용 가져오는 명령어 git pull origin master

git push origin master 명령으로 원격저장소에 올릴때 충돌 오류가 발생할 경우 

git pull origin master 명령을 통해 저장소에 내용을 내려받으면 충돌이 발생한 코드가 나오는데 직접 수정해서 다시 push 해주면 해결 가능하다

파일 생성후

버전관리 시작: git init

변경사항 추적 시작: git add .

버전생성:  git commit -m '1'

버전 확인: git log

프로젝트 파일 변경후 재작업(총 3번 버전 생성)

git 버전 되돌리기: git reset --hard HEAD~(되돌릴 단계)

git 원래 버전으로 돌아가기: git reset --hard ORIG_HEAD

실제 프로젝트에서는 함부로 reset 명령을 사용하지 않는것이 좋다(잘못하면 없어질수도 있기 때문에)

브렌치 생성:  git branch (브렌치 명)

브렌치 이동: git checkout (브렌치 명)

파일 생성 후

버전 생성

원격 저장소에 여러 브렌치 올리는 방법

우선 master 브렌치를 원격저장소로 올린다

PS D:\VsCode\copy\git> git remote add origin https://github.com/ohet9409/git-prac.git
PS D:\VsCode\copy\git> git push origin master

브렌치를 변경하여 원격저장소에 올린다
PS D:\VsCode\copy\git> git checkout purple
PS D:\VsCode\copy\git> git push origin purple

git 브렌치 삭제

git branch -d 삭제할 브렌치 명

브렌치 생성과 함께 브렌치 변경

VS Code에서 해당 프로젝트 내 파일 확인하는 명령어: dir, ls

폴더 이동 명령어(폴더 이름을 적은 다음 tab키를 누르면 자동완성된다): cd .\css\

상위 폴더로 이동: cd ..

github 프로젝트 복사: git clone 'github 주소'

확인

명령어로 해당 프로젝트 폴더 VS Code로 열기: code .

- 현재 VS Code에 열기:  code . -r

여러 사용자가 하나의 프로젝트를 개발할 경우에는

각 사용자마다 분기(브렌치)를 나눠서 개발 후 나중에 병합하는 방법을 사용하는것이 좋다

현 프로젝트의 브렌치를 확인(q 키를 눌러서 빠져나옴)

git branch

원격 저장소에 있는 브렌치까지 확인(q 키를 눌러서 빠져나옴)

git branch -a

signin 이라는 브렌치를 생성

git branch signin

signin이라는 브렌치를 사용

git checkout signin

브렌치 사용예제

- signin이라는 폴더를 생성하고 index.html 파일을 생성

1. 상태 확인 

git status

2. 추가된 파일 추적 시작

git add .

3. 버전 생성 (message 입력)

git commit -m '로그인 페이지 시작하기'

4. master 브렌치로 이동

git checkout master

5. signin 브렌치로 이동

git checkout signin

원격저장소에 저장

git push origin signin

github 사이트에서 확인

github 사이트에서 병합하는 방법

해당 버튼 클릭

우측 브렌치를 병합할 브렌치로 변경 후 하단에 수정사항을 확인

그 후 버튼 클릭

스크롤을 내려서 해당 버튼을 클릭

메세지 입력 후 버튼 클릭

병합된 것을 확인

netlify에서도 확인가능(자동으로 배포되기 때문에) master 브렌치를 기준으로 배포 됨