디자이너가 공부하는 HTML, OG Tag, Git을 통한 배포까지

 

강의 듣고 필기한 내용 정리

 

 

01. html 기본 태그들로 구조 잡고 홈페이지 내용 삽입하기

index.html << 무조건 이 이름으로 생성해야 함!

 

02. OG Tag

*** head 태그 안에 삽입하기

<meta property="og:title" content="멋쟁이민주처럼">

<meta property="og:description" content="개발연습중..">

<meta property="og:image" content="./thumbnail.jpg">

 

title, description 적어주고 이미지 주소도 써주기.

html과 같은 파일 안에 있다면 ./파일명.확장자 형태로!

 

03. 대망의 배포

1) 깃허브 레포 생성

레포 이름은 깃허브아이디.github.io

(근데 꼭 이렇게 해야되는걸까? .. 선생님이 그렇게 하라고 하셨다..)

 

 

 

2) VS Code에서 터미널 켜기!

3) 터미널에 코드 입력 후 푸시!

$ git init

$ git add .

$ git commit -m "first commit"

$ git remote add origin (링크생략)

$ git push -u origin main

4) 확인해보기!!!