📌먼저 준비할 것!

1. GIT 설치(https://git-scm.com/download/win)
2. GITHUB 회원가입 필요!
3. VSCode 설치 (VSCode 설치시 "Code로 열기~" 부분을 체크 해줘야 나중에 편합니다!)

1. Github 저장소 만들기

예전에는 public만 무료로 지원했다면, 현재는 prviate까지 지원하니 연습용은 private로 생성해봅시다!

README.md 이란, 해당 프로젝트에 대한 정보들을 작성해놓은 문서로 markdown언어로 작성하여 사용자들에게 보여지게 된다. 이렇게 생성이 되었으면 우측 상단에 code를 클릭하여 HTTPS의 주소를 복사.

2. Github 저장소 가져오기

해당 저장소를 가져올 폴더에 우클릭하여 Git Bash Here을 클릭 git bash프로그램이 열리면 git colne을 입력하고 복사한 github저장소 주소를 붙여넣기하면 해당 저장소가 폴더안에 생성된다 test폴더안에 들어가서 우클릭 후 Code(으)로 열기를 클릭해 VSC를 열어준다. (만약 저 부분이 보이지 않는다면 VSC를 삭제하지말고 재설치 하되 설치과정 중 "Code로 열기~" 항목을 체크한다)

3. 로컬저장소에 저장하기

VSC에 들어가면 Extensions항목에 들어가서 Git Graph를 다운로드 받아준다. 파일을 생성해보자. 간단한 txt파일을 생성하고 저장한 후 Source Control 항목에서 Changes부분 쪽 + 버튼을 클릭해준다. 그럼 Staged Changes부분으로 이동하는데 위쪽 체크표시를 눌러주면 Commit되는데 이 때는 Commit message를 입력해줘야한다. 위와같은 오류가 난다면 이메일과 이름을 설정해줘야한다. VSC에서 설정하는 방법은 코드로 작성하는 법과, Git Graph 기능을 이용한 방법이다.

첫 번째 코드로 작성하는 법은 위의 알림창에 Open Git Log를 클릭하면 해당 코드가 나오는데, 저걸 복사해서 TERMINAR(Ctrl + ` )에서 ``안의 이메일과 이름을 설정하는 방법이 있고, Git Graph에 들어가서 파란색 부분의 설정을 열어주면 설정창에서 User Details의 Edit버튼을 클릭한다. 그리고 다시 Commit을 하면 로컬 저장소에는 저장이 된걸 확인할 수 있다.

4. 원격 저장소에 저장하기

원격 저장소에 업로드 하려면 Push하면 되는데, 아직 Github의 저장소 주소와 연동이 안되어서 오류가 나타난다.

git remote add origin https://github.com/user/repo.git

git remote -v

이렇게 코드를 사용하는 방법이 있고

Git Graph 설정창을 이용하는 방법이 있다. 원격 저장소의 Name은 보통 origin으로 설정한다. 입력을 하고 다시 push를 하게 되면 hello.txt파일이 Github 저장소에 잘 업로드 된 걸 확인 할 수 있다.

html에서 <h1> ~ <h6>에 해당하는 부분

# h1
h1
==

h2
--
h2
-------
## h2

### h3
#### h4
##### h5
###### h6

h1

h1

h2

h2

h2

h3

h4

h5

h6

2. 수평선

---
***
---
*****
<hr/>

3. 문단 간격(줄 바꿈)

01<br/>234<br/>5<br/><br/>6789

01
234
5

6789

4.인용문(BlockQuote)

>인용문입니다
>>중첩 인용문입니다
중첩 인용문의 설명입니다
>>>중첩 인용문 2번쨰 입니다.

인용문입니다

중첩 인용문입니다 중첩 인용문의 설명입니다

중첩 인용문 2번쨰 입니다.

5. 폰트 스타일

__굵게__
**굵게**  
*기울이기*  
_기울이기_  
~~취소선~~
<u>밑줄</u>  

굵게 굵게
기울이기
기울이기
취소선 밑줄

6. 코드

백틱( ` )을 사용. ( 1 옆에있는 기호) 해당 범위에서 코드를 작성 할 수 있다.

• 해당 줄 맨 앞에 스페이스 4번을 하여도 코드블럭으로 바뀜.
• 백틱 3개뒤에 언어 이름을 넣으면 문법강조 가능

```javascript
  function func() {
    console.log(this);
  }
  func();
```　

  function func() {
    console.log(this);
  }
  func();

7. URL

<https://naver.com>

[네이버](https://naver.com)

[네이버](https://naver.com "네이버") /*마우스 포인터 올려두면 설명추가*/

우리는 [네이버]를 자주 사용하기에 [네이버]를 참조링크 해둘 수 있다.
[네이버]:https://naver.com

https://naver.com

네이버

네이버 (마우스 포인터를 올려두면 설명이 나타난다)

우리는 [네이버]를 자주 사용하기에 [네이버]를 참조링크 해둘 수 있다. [네이버]:https://naver.com

8. 목록

• 순번표시 ```

1. 첫 번째
   1. 첫 번째 하위
   2. 첫 번째 하위
   3. 첫 번째 하위 // 번호는 무조건 순서대로 표시 됨
      2. 첫 번째의 세 번째 하위
2. 두 번째
   2. 두 번째 하위
      4. 두 번째 하위
3. 세 번째
4. 네 번쨰 ```
5. 첫 번째
   1. 첫 번째 하위
   2. 첫 번째 하위
   3. 첫 번째 하위 // 번호는 무조건 순서대로 표시 됨
      2. 첫 번째의 세 번째 하위
6. 두 번째
   2. 두 번째 하위
      4. 두 번째 하위
7. 세 번째
8. 네 번쨰

• 순번 없음

  //앞 두 칸을 띄워서 사용해야 목록표시가 잘 됨
  - 첫 번째 아이템
    * 첫 번째 하위
    + 첫 번째 하위 
  
  + 두 번째 아이템
    * 두 번째 하위
    + 두 번째 하위
        - 두 번째의 두 번째 하위

  • 첫 번째 아이템

    • 첫 번째 하위
    • 첫 번째 하위

  • 두 번째 아이템

    • 두 번째 하위
    • 두 번째 하위
      • 두 번째의 두 번째 하위

9. 이미지

![](https://images.wallpaperscraft.com/image/single/astronaut_spacesuit_reflection_144426_1280x720.jpg)

인터넷(Internet) 이란 TCP/IP라는 통신 프로토콜을 이용해 전 세계적으로 연결되어있는 컴퓨터 네트워크 통신망을 일컫는 말.

TCP/IP(Transmition Control Protocol / Internet Protocol) 컴퓨터간의 LAN(지역 네트워크), WAN(광역 네트워크)에서 원할한 통신을 가능하도록 정의한 통신규약.

TCP는 전송 제어 프로토콜의 약자이며 한 기기에서 다른 기기로 데이터 전송하는 것을 담당하며, IP는 인터넷 프로토콜의 약자이며 이 프로토콜은 데이터의 조각을 최대한 빨리 대상 IP주소로 보내는 역할을 표시한다.

단순 네트워크

두 개의 컴퓨터가 통신이 필요할 때, 물리적으로나 무선으로 연결되어야 한다.

두 대의 컴퓨터뿐 아니라 원하는 만큼 컴퓨터를 연결할 수 있으나 매우 복잡해진다.

라우터 네트워크

해당 문제를 해결하기 위해 각 컴퓨터는 라우터에 연결하여 길을 안내받는다.

네트워크 속의 네트워크

두 대의 라우터를 연결할 수 있고, 컴퓨터를 라우터에 연결하고, 라우터에서 라우터로 무한히 확장할 수 있다.

하지만 라우터를 이용하더라도 아주 먼 곳에 케이블을 연결 할 수는 없다. 모뎀이라는 특수 장비를 사용하여 우리 네트워크의 정보를 전화 시설에서 처리 할 수 있는 정보로 바꾼다.

우리의 네트워크에서 도달하려는 네크워크로 메시지를 보내기 위해 서비스 제공 업체(ISP, Internet Service Provider)에 연결한다. 따라서 우리 네트워크 메시지는 ISP 네트워크의 네트워크를 통해 대상 네트워크로 전달된다

인터넷은 이러한 전체 네트워크 인프라로 구성된다.

참고자료 https://www.ibm.com/docs/ko/aix/7.1?topic=management-transmission-control-protocolinternet-protocol https://developer.mozilla.org/ko/docs/Learn/Common_questions/How_does_the_Internet_work

이미지 출처 : https://roadmap.sh/backend

2.백엔드 로드맵(한글)

3.TIL

로드맵을 따라가면서 용어 정리 및 프로그래밍 언어 학습내용을 블로그 기재 예정. 백엔드 프로그래밍 언어는 JavaScript사용.