Git vs Github

git repository
initial commit

Github

• github pages

CMD

• Shell
• 디렉토리(Directories)
• cd : change directory
  • root
• dir : 폴더의 파일 리스트 확인 가능
  • dir /a:h : 숨긴 파일, 폴더
• git
  • git init : 터미널 열어 폴더 경로에서 git 연동
  • git status : git 현재 상태 확인
  • git commit : 버전으로 묶어주기, vi 입력모드로 진입
    • git commit -m”intial commit”
    • git commit 해버렸을 경우 빠져나오는 방법
      Esc - :q 안되면 :wq
  • git add
    • git add : 임시로 커밋 할 리스트가 들어감
• 유저 설정
  git config - -global user.email “you@example.com”
git config - -global user.name “Your Name”
• 확인
  git config - -global user.name
git config - -global user.email

GUI vs CLI

• GUI (Graphic User Interface)
  • mouse의 등장과 함께 나옴
  • 컴퓨터 자동화를 위해 사용
• CLI (Command Line Interda)
  • 명령어 기반

마크다운(Markdown)

• HTML의 Subset인, 리치 텍스트를 표현하기 위한 간이 문법
• 이름부터 HTML(Hypertext Markup Launguage)의 오마주
• html의 하위집합

플레인 텍스트 & 리치 텍스트

• 플레인 텍스트 : 메모장
• 리치 텍스트 : 텍스트를 조금 더 효과적으로 지정
  stackedit 사이트를 이용하여 README에 들어갈 내용 제작
  https://stackedit.io/app#

Viewport

• Viewport Width :
• Viewpoer height :

동일한 class들에게 배경색을 다르게 지정

.page:first-child {
    background-color: lightblue;
}

.page:nth-child(2) {
    background-color: lavender;
}

.page:nth-child(3) {
    background-color: lightsalmon;
}

모니터 화면에 꽉 찬 페이지

.page {
    width: 100%;
    height: 100vh;

    /* display된 화면 안에서 content들이 모두 중앙 정렬 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

‘눈누 사이트’를 이용하여 원하는 폰트 적용

* {
    font-family: 'GangwonEdu_OTFBoldA';
}

@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

아이콘 무료 사이트

https://feathericons.com/